JS学习(2)

1、多个(doument).(function());(doument).(function(){});执行顺序,主要看他们所在的位置决定,如果多个(doument).(function(){});在同一页面的

2、如果是一个(doument).(function());<script>jsjs<scriptsrc=>3<script>js(doument).(function(){});在页面内<script>元素内编写,一个是在引入的外部js文件中编写,这时 就要看引入这个js文件的<script src=>标签所在的位置了 3、如果引入位置在页面书写的<script>之前,则外部js文件中的(doument).(function(){});先执行,如果引入的js文件的<script src=>标签在页面的JavaScript方法之后,则页面的(doument).(function());4(doument).(function(){});先执行。 4、另外:如果(doument就继续往下).(function(){});内包含调用ajax的方法,则如果ajax不添加async:false的话,$(doument).(function(){});会不等待ajax返回结果执行,
因此在一些情况下可能数据还未获取到,下面的css样式就会开始渲染,导致页面样式得不到预期的。

5、使用find()方法查询包含的子节点时,调用find方法的对象一定要是父级节点,因为find方法是不能查找同级和节点对象的。

6、创建map类型变量并操作:

JS学习(2)
7、input标签重新绑定事件:

1)js方式

JS学习(2)
2)jquery方式
JS学习(2)
8、jquery获取第一个或最后一个子元素

JS学习(2)
9、字符串转Date

将字符串转换成Date,可以分割出年月日时分秒,然后分别转换成数字,在new Date()时做为参数传入,但是要注意在传参后获取的date类型时间容易得到一些奇怪的结果,这种情况通常是由于字符串转数字出的问题,即使debugger观察转换的数字没有问题,但是获取的date类型数据还是会有问题,下面是封装的转换函数:
JS学习(2)

如果把实际的JavaScript代码放在一个独立的文件中,那么根本不需要使用这个难看的CDATA部分。

将JavaScript放置到外部文件具有下面几个优点:

1、代码从标记分离:将JavaScript代码 保存在一个单独的文件中使得HTML的维护变得更加容易,并且它还保留了HTML结构,不必在XHTML中使用CDATA部分。

2、更容易的维护:把JavaScript作为一个单独的文件,这样修改该文件时就不会触及网站的其他文件。

3、缓存:为JavaScript使用独立文件允许web浏览器缓存该文件,这样可以为用户加快网页的加载。