2016-05-23
第五章 Javascript编程原则和良好习惯
1.JavaScript 使用window 对象的 open() 方法来创建新的浏览器窗口。
这个方法有三个参数:
window.open(url,name,features)
这三个参数是可选的,第一个参数是在新窗口里打开的那份文档的url地址
第二个参数是新窗口的名字可以在代码里通过这个名字与新窗口进行通信。
最后一个参数是以逗号分隔的字符串,其内容是新窗口的各种属性
open() 方法是BOM的一个典型应用案例:它的功能既不依赖于文档的内容,对文档的内容也无任何影响。这个方法只与此时此刻的用户浏览环境有关。
典型应用:
《5.3 向CSS学习》
2.循序渐进
只有正确使用标记语言,才能对内容做出准确的描述。标记语言中的各种标记负责提供诸如,“这是列表项”、“这是文本段落”之类的信息。如果不适用 li、p之类的标签,我们就很难把它区分开来。
所谓的“循序渐进” 就是用一些额外的信息层去包裹原始数据的做法。
3.向后兼容性
对象检测,对浏览器对JavaScript 的支持程度进行查询。
if(!getElementById || getElementByTagName) return false;
4.
假如此时还有两个函数:firstFunction() 和 secondFunction() 函数,我想让他们都在页面加载时得到执行,那就要逐一绑定到onload 事件上
为了解决这个难题,可以先创建一个匿名函数来容纳两个函数,然后把这个匿名函数绑定到onload 事件上。
另外的解决方案:
此函数名字是 addLoadEvent,它只有一个参数:打算在页面加载完毕时执行的函数的名字
第7章 动态创建HTML 内容
1.document.write() 方法
document 对象的write() 方法 可以方便快捷地把字符串插入到文档中。
建议:
应该避免在HTML 文档的<body> 部分使用<script> 标签,避免使用 document.write() 方法。
2.innerHTML 属性
innerHTML 属性可以用来读、写某给定元素里的HTML 内容。
例子:
<div id="testdiv">
<p>This id <em>my</em> content.</p>
</div>
3.createElement() 方法
作为一个编程套路,只要使用了createElement() 方法,就应该把新创建出来的元素赋值给一个变量:
var para = document.createElement("p");
变量para 现在包含着一个指向我们刚创建出来的那个P元素的引用指针。
4.appendChild() 方法
作用:把新创建的节点插入某个文档的节点树。
语法:
parent.appendChild(child)