JS学习(2)

1、多个 ( d o u m e n t ) . ( f u n c t i o n ( ) ) ; 执 行 顺 序 , 主 要 看 他 们 所 在 的 位 置 决 定 , 如 果 多 个 (doument).(function(){});执行顺序,主要看他们所在的位置决定,如果多个 (doument).(function());(doument).(function(){});在同一页面的

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

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

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

在这里插入图片描述
7、input标签重新绑定事件:

1)js方式

在这里插入图片描述
2)jquery方式
在这里插入图片描述
8、jquery获取第一个或最后一个子元素

在这里插入图片描述
9、字符串转Date

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

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

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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值