DOM主要对象属性方法总结

Posted grace-zyy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM主要对象属性方法总结相关的知识,希望对你有一定的参考价值。

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主要对象属性方法总结的主要内容,如果未能解决你的问题,请参考以下文章

jquery方法大总结②

JavaScriptDOM操作复习总结

原生JavaScript的DOM操作方法总结

js红宝书总结笔记

总结--------文档对象模型

JS总结之二:DOM对象控制HTML