网页设计站点常用的知识

向右看齐 2022-06-03 06:06 204阅读 0赞

## 1.表单的value默认值 ##

<form action="">  
                <input type="text" class="name" value="姓名 Name"  οnfοcus="this.value='';" οnblur="this.value='姓名 Name'" />  
                <input type="text" class="e-mail" value="邮箱 E-mail"  οnfοcus="this.value='';" οnblur="this.value='邮箱 E-mail'"/>  
                <input type="text" class="tel-num" value="手机 phone"  οnfοcus="this.value='';" οnblur="this.value='手机 phone'"/>  
                <textarea  class="words"οnfοcus="if(value=='请输入您需要留言的内容')\{value=''\}" οnblur="if (value =='')\{value='请输入您需要留言的内容'\}" >请输入您需要留言的内容</textarea>  
                <input type="submit" class="sublime" value="提交"/>  
 </form>

设置value显示你需要提醒用户的文字，然后通过onfocus和onblur来设置获得焦点value值消失，失去焦点value值恢复  
其中还有textarea的特殊情况，因为textarea没有value属性

## 2.<a>标签中调用js函数适当的方法推荐使用： ##

## 3 强迫父元素包含其浮动子元素的方法有三种： ##

*  为父元素设置overflow：hidden；
 *  浮动父元素，并且设置宽度width：100%；其后的元素要设置clear：both；
 *  父元素内容末尾添加非浮动子元素，可以直接加一个空元素，也可以使用clearfix伪类添加。

还可以看他们大神的总结： [父元素如何围住浮动子元素][Link 1]

## 4.JavaScript中sort()方法理解 ##

\*\*sort()方法如何排序呢\*\*，下面是我总结的流程，供参考：  
1.sort方法将arr数组的值两两传入sortNumber函数，返回的值有3种情况：正数，负数，零。  
2.若sort方法接收到正数返回值，则交换传入sortNumber的两个数字，即当传入的a>b，则交换a与b；若sort方法接收到负数返回值和0返回值，则不交换。  
3.重复1和2，最终使数字按照从小到大的顺序排序。  
  
\*\*以上述代码为例，流程如下\*\*：  
  
1. 将a=10,b=5传入sortNumber,返回5，正数，则将10和5交换顺序，此时arr数组顺序为：5，10，40，25，1000，1  
2. 将a=10,b=40传入sortNumber,返回-30，负数，不改变顺序。此时arr数组顺序仍为：5，10，40，25，1000，1  
3. 将a=40,b=25传入，返回15，正数，交换顺序，此时arr数组顺序：5，10，25，40，1000，1  
4. 将a=40,b=1000传入，返回负数，不改变顺序，此时arr数组顺序：5，10，25，40，1000，1  
5. 将a=1000,b=1传入，返回正数，交换，此时arr数组顺序：5，10，25，40，1，1000  
  
此时，最大的元素被排到最后面了。是不是觉得很熟悉，没错，这就是冒泡算法的第一阶段，接下来，sort会接着将5，10传入sortNumber,进行第二阶段的排序。因此我们可以总结出，sort(sortNumber)里面自动进行的就是\*\*冒泡排序法\*\*。  
  
\*\*举一反三\*\*，如果我们给sort()方法参数传1，即sort(1)，那么结果就是数组项顺序反转，和reverse()方法功能一样。

来源：转载  
作者：美少女战士bubble  
链接：http://www.jianshu.com/p/b088758effbf

[Link 1]: http://www.jianshu.com/p/c813a8e149e7