JS DOM编程艺术第五章

1.window对象的open方法:创建新的浏览器窗口,语法:window.open(url, name, features),有三个可选参数,第一个参数是要打开的窗口网页地址,若忽略则打开一个空白窗口,第二个参数是新窗口的名字,在代码中可以通过名字与新窗口进行通信,最后一个参数是逗号分隔的字符串,内容是新窗口的各种属性,例如:

function popUp(winURL){
  window.open(winURL, "popup", "width: 300, height: 500");
}

html中使用:

<a href="http://www.test.com" onclick="popUp('http://www.test.com'); return false;">Example</a>

return false是为了阻止a标签默认行为,href属性的设置是为了预留退路。
更简单的代码:

<a href="http://www......" onclick="popUp(this.href); return false;">Example</a>

2.对象检测:
if(!method) return false;
3.尽量少访问DOM,尽量减少标记。如需多次搜索,将第一次搜索的结果赋值给一个变量,之后调用该变量,可以有效减少搜索次数,尽量减少标记,过多的标记会使DOM树增加,从而降低搜索的效率。
4.尽量减少引入JS脚本的数量,合并脚本,过多脚本带来过多请求,减少请求数量通常是性能优化首要考虑的。
5.压缩脚本,对性能好。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言 归根结底,代码都是思想和概念的体现。没人能把一种程序设计语言的所有语法和关键字都记住,可以查阅参考书来解决。...
    朱细细阅读 8,181评论 4 14
  • 本章内容 平稳退化 确保网页在没有JS的情况下也能正常工作。 分离JS 把网页的结构和内容与JS脚本的动作行为分开...
    fumier阅读 1,837评论 0 0
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 11,030评论 0 106
  • 嗨,你好!我们相识大概有九千天了,请原谅我这么久了第一次和你这样打招呼。 我已经不记得从何时起我开始慢慢...
    Super_龙阅读 2,312评论 0 1
  • 九年之前的今天,一场大地震吞噬了数万同胞的生命,让无数家庭支离破碎,让整个民族为之呜咽落泪。而今,九年过去了,有的...
    干净透彻的眼睛阅读 1,522评论 0 1

友情链接更多精彩内容