最佳时间 (DOM编程艺术)

2019独角兽企业重金招聘Python工程师标准>>>

1. 平稳退化：确保浏览器在没有开启JS的时候也能正常工作

2. 分离JS：把网页的结构和内容与JS的脚本行为分离

3. 向后兼容性：确保老版本老版本浏览器的使用

4. 性能考虑

JavaScript伪协议：

<a href="javascript:pop('http://www.example.com');">example</a>

在支持伪协议的浏览器能正常运行，老版本浏览器可能不行，

同样内嵌事件处理函数的方法也不可取，有时为了触发事件，我们会将onclick等事件触发函数写在HTML中，这样不能做到网页的结构内容与JS脚本分离

通过CSS样式和结构分离的做法，JS也如下修改

<script type="text/JavaScript">
window.onload = function() {if (!document.getElementsByTagName) return false;var lnks = document.getElementsByTagName("a");for (var i=0; i<lnks.length; i++) {if (lnks[i].getAttribute("class") == "popup") {lnks[i].onclick = function() {popUp(this.getAttribute("href"));return false;}}}
}function popUp(winURL) {window.open(winURL,"popup","width=320,height=480");
}</script>
</head>
<body>
<a href="http://www.baidu.com/" class="popup">Example</a>
</body>

通过标签中属性的查询，与js行为连接

转载于:https://my.oschina.net/NathanChen/blog/786904

最佳时间 (DOM编程艺术)相关推荐

JavaScript DOM编程艺术（第二版）
JavaScript DOM编程艺术简要介绍第二章: JavaScript语法语法语句注释变量数据类型数组对象操作条件语句比较操作符逻辑操作符循环语句 while循环 for ...
JavaScript DOM 编程艺术（第二版）学习之5-6章
JavaScript DOM 编程艺术 (第二版)学习之5-6章第五章最佳实践 5.1 过去的错误 5.2 平稳退化 5.2.1 "javascript:"伪协议 5.2.2 ...
JavaScript DOM编程艺术简略笔记
简略目录 1.BOM 2.DHTML 3.数组 4.条件判断的注意点 5.函数中变量的作用域问题 6.几种对象的简介 7.BOM和DOM 8.DOM操作中的一些特别点 9.JS文件与CSS文件的引入方 ...
JavaScript Dom编程艺术
当我对JavaScript还停留在只认识这几个字母的时候,有一天我突然心血来潮,在网上下了DOM Scripting的样章,照着里面的例子写了我平生第一个能让我知所以然JavaScript,在浏览器运 ...
JavaScript DOM编程艺术学习笔记（一）
嗯,经过了一周的时间,今天终于将<JavaScript DOM编程艺术(第2版)>这本书看完了,感觉受益匪浅,我和作者及出版社等等都不认识,无意为他们做广告,不过本书确实值得一看,也值得推 ...
初读JavaScript DOM编程艺术（一）
JavaScript DOM编程艺术--前三章概念总结一. 概述 1.什么是JavaScript 2.什么是DOM 二. JavaScript 语法 1. 语句和注释 2. 变量和数组三. DOM ...
JavaScript DOM编程艺术第一章：JavaScript简史
本系列的博客是由本人在阅读<JavaScript DOM编程艺术>一书过程中做的总结.前面的偏理论部分都是书中原话,觉得有必要记录下来,方便自己翻阅,也希望能为读到本博客的人提供一些帮助, ...
重读《JavaScript DOM编程艺术》（第一版）
今天来了雅兴去图书馆看书.把<JavaScript DOM编程艺术>温习了一遍,平时写js的机会不是特别多,很多知识都有些模糊了. 伴随着身边键盘卡啦卡啦的声音,一位手速不是一般的快的程序 ...
《JavaScript DOM 编程艺术》读书笔记
<JavaScript DOM 编程艺术>读书笔记--其一第二章 1.Javascript代码编写方式: (1)将JavaScript代码放在文档<head>标签中的< ...

最佳时间 (DOM编程艺术)

最佳时间 (DOM编程艺术)相关推荐

最新文章

热门文章