js进阶

作者: 北辰不落雪 | 来源:发表于2017-05-06 13:05 被阅读0次

1、注释
单行注释://
多行注释:/* */
HTML注释,不推荐

2、对于js引用靠近并放在</body>之前

3、对于参数的传递(父窗口input隐藏域),open相对于showDialog要稳定兼容的多!

4、js对象类型
用户自定义对象、内建对象(Array、Date)、宿主对象(document等,由浏览器提供)

5、
<link href="" >使用link标签引入css文件
指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系
浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在<style>标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里

<script src=""></script>使用script标签引入js文件
嵌入当前资源到当前文档元素定义的位置
在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像

6、element.value = "";//DOM版本前的解决方式(只适用于web文档),如HTML-DOM
element.setAttribute("value","");//出现DOM后的解决方式(多环境、多程序设计)

7、js性能
a,尽量减少DOM和标记的使用(减少每次对文档结构的解析)
b,合并脚本并置于</body>之前(减少请求量)
c,压缩脚本

8、<a href="www.baidu.com" onclick="" ></a>
onclick的事件被先执行,其次是href中定义的(页面跳转或者javascript)
同时存在两个定义的时候(onclick与href都定义了),如果想阻止href的动作,在onclick必须加上return false;
在href中定义的函数如果有返回值的话,当前页面的内容将被返回值代替。

9、getElementById().....等等这些都是DOM Core的组成部分,并不专属js,支持DOM的语言都可以使用

10、createElement()创建元素,
createNodeText()创建文本节点
appendChild()追加子节点(所谓追加,就是接着最后一个),

11、对于兼容性的问题,如果已经检测了支持DOM但是还是在 有些节点属性获取出现问题 大多数是网景和微软 对于部分属性的支持标准不同

12、modernizr工具可以检测浏览器对于各种元素的支持

相关文章

网友评论

    本文标题:js进阶

    本文链接:https://www.haomeiwen.com/subject/tnbetxtx.html