网页设计站点常用的知识

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函数适当的方法推荐使用：

<a href ="javascript:void(0);" onclick ="js_method()">  
<a href = "javascript:;" onclick ="js_method()">  
<a href = "#" onclick ="js_method();return false">  

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

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

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

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