码迷,mamicode.com
首页 > 其他好文 > 详细

DOM操作

时间:2018-03-31 17:31:27      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:变量   int   log   9.png   新窗口   AC   分享   使用方法   timeout   

DOM操作

 Windows 对象  

   浏览器窗口操作

   使用方法

   方法(函数)

  window.hanshu();

   属性

  window.shuxing

documents 对象

  文档操作

事件操作

通过事件调用已经写好的函数。

示例

技术分享图片

 

执行结果

技术分享图片

 

 

 *文本框失去焦点时触发。

技术分享图片

执行结果

技术分享图片

 

 *改变时触发

 技术分享图片

执行结果

  技术分享图片

window操作示例

*window.open("第一部分","第二部分","第三部分","第四部分");

 *在新窗口打开

技术分享图片

技术分享图片

 

执行结果

 

 技术分享图片

*自身打开

 技术分享图片

执行结果

技术分享图片

 

 

close():关闭指定的窗口

 window.close():关闭当前窗口

技术分享图片

技术分享图片

执行结果

关闭当前窗口

w.close():关闭w窗口
关闭多个子窗口:放在数组中的窗口:w[i].close();
关闭打开当前窗口的源窗口
window.opener.close();

技术分享图片

执行结果

关闭变量名为w的窗口。

 间隔和延迟

* window.setInterval("要执行的代码",间隔的毫秒数) 

技术分享图片

执行结果

技术分享图片

window.clearInterval(间隔的id); 循环一次之后用来清除隔几秒执行的代码

技术分享图片

技术分享图片

 

 window.setTimeout("要执行的代码",延迟的毫秒数)

技术分享图片

window.clearTimeout(延迟的id);清除setTimeout,一般延迟执行较为常用

window.history对象

window.history.back()后退

 技术分享图片

技术分享图片

window.history.forward();前进

技术分享图片

技术分享图片

window.history.go(n); n是正数代表前进n个页面,n是负数代表后退n个页面。

 window.location对象

window.location.href="http://www.baidu.com";修改页面地址,会跳转页面 *******

 技术分享图片

 

DOM操作

标签:变量   int   log   9.png   新窗口   AC   分享   使用方法   timeout   

原文地址:https://www.cnblogs.com/r6688/p/8681359.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!