JsDom 编程小结
2024-05-06 14:23:53
供稿:网友
1.浏览器兼容问题:
浏览器兼容性的例子:ie6,ie7对table.appendChild("tr")的支持和IE8不一样,用insertRow、insertCell来代替或者为表格添加tbody,然后向tbody中添加tr。FF(FireFox)不支持InnerText,用textContent代替
2.几乎所有DOM元素都有innerText、innerHTML属性(注意大小写),分别是元素标签内内容的文本表示形式和HTML源代码,这两个属性是可读可写的。
动态创建元素的时候innerHTML可以代替createElement(),属于简单,粗放型,后果自负的创建
3.write():
document.write()只能在页面加载过程中才能动态创建
4.
document是window对象的一个属性,因为使用window对象成员的时候可以省略window.,所以一般直接写document
5.history操作历史记录
window.history.back()后退;window.history.forward()前进。也可以用window.history.go(-1)、window.history.go(1)前进
6.clipboardData对象,对粘贴板的操作:
clearData("Text")清空粘贴板;getData("Text")读取粘贴板的值,返回值为粘贴板中的内容;setData("Text",val),设置粘贴板中的值。
7.oncopy="setTimeout('modifyClipboard()',100)"。用户复制动作发生0.1秒以后再去改粘贴板中的内容。100ms只是一个经常取值,写1000、10、50、200……都行。不能直接在oncopy里修改粘贴板。不能直接在oncopy中执行对粘贴板的操作,因此设定定时器,0.1秒以后执行,这样就不再oncopy的执行调用栈上了
8.returnValue属性:
returnValue属性,如果将returnValue设置为false,就会取消默认事件的处理。在超链接的onclick里面禁止访问href的页面。在表单校验的时候禁止提交表单到服务器,防止错误数据提交给服务器、防止页面刷新。
//window.event.returnValue不兼容火狐浏览器
9.
window.event对象的成员:
srcElement,获得事件源对象。几个事件共享一个事件响应函数用。****_click(object sender,EventArgs e)//只有IE支持。
button,发生事件时鼠标按键,1为左键,2为右键,3为左右键同时按。//要测试event.button的值的时候,请在onmousedown事件中测试。如果在onclick事件中只能识别鼠标左键的单击。
10.
window.location.href=‘';//重新导航到新页面,可以取值,也可以赋值。
window.location.reload();//刷新当前页
location.search:获得url(?号以后的,包含?)
11.
(1)onload:网页加载完毕时触发,浏览器是一边下载文档、一边解析执行,可能会出现JavaScript执行时需要操作某个元素,这个元素还没有加载,如果这样就要把操作的代码放到body的onload事件中,或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发,body onload才是全部加载完成
(2)onunload:网页关闭(或者离开)后触发。
(3)onbeforeunload:在网页准备关闭(或者离开)前触发。