首页 > 其他 > 详细

DOM主要对象属性方法总结

时间:2018-01-27 00:07:00      阅读:226      评论:0      收藏:0      [点我收藏+]

DOM

window对象

  浏览器实例,全局对象

  1、窗口位置:

    screenTop,screenLeft(screenX,screenY):窗口相对于屏幕左边和上边的位置

    moveTo(x,y):将窗口移动到特定位置

    moveby(xpx,ypx):移动的像素数

  2、获取窗口大小

    页面视图区大小:innerHeight,innerWidth

    浏览器窗口大小:outerHeight,outerWidth

    (在谷歌浏览器下他俩返回一样的值)

    取得页面视口信息:document.documentElement.clientWidth,document.documentElement.clientHeight

  3、调整窗口

    resizeTo(新宽度,新高度);//window.resizeTo(100,100);//将浏览器窗口调整为100x100,outerWidth和outerHeight访问的值

    resizeBy(宽差,高差);//windo.resizeBy(100,50),//又将窗口调整为200x150,在原窗口宽度的基础上增加了长度

  4、打开新窗口

    window.open();

    点击打开一个宽高各100的新窗口

  技术分享图片

    

    window.close();关闭窗口

    window.opener = null;切断与原窗口的链接

  5、超时调用

    setTimeout(functionName,1000);

    取消超时调用:clearTimeout();

  技术分享图片

  6、间歇调用

    setInterval();

    clearIntval();

  7、系统对话框:alert();confirm();prompt();

  技术分享图片

 

location对象

  1、window.location 和document.location指向的是同一个对象

    技术分享图片

  2、打开新链接  

    技术分享图片

    location.href = "";:在原页面上重新加载一个网页

    window.open();:打开一个新窗口

    技术分享图片

    技术分享图片

      除了hash其他都会重新打开一个页面

    

navigator对象

    关于浏览器的特殊标准,包含了检测插件,注册处理程序的方法

screen对象

   大多是用来获取浏览器的外部窗口信息

history对象

  href="Javascript:history.back();"

  1、go()

   技术分享图片

    技术分享图片

  2、history.back();后退一页

     history.forward();前进一页

  3、length属性

    if(history.length == 0)//判断是否是新打开的页面

 

 

 

 

 

 

    

    

    

DOM主要对象属性方法总结

原文:https://www.cnblogs.com/Grace-zyy/p/8361805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!