javascript操作window对象

页面导航:首页 > 网络编程 > JavaScript > javascript操作window对象

javascript操作window对象

来源: 作者: 时间:2016-02-01 09:32 【

document defaultView或全局变量window获取一个window对象;1)获取窗口信息innerHeight、innerWidth获取窗口内容区域的高度、宽度;outerHeight、outerWidth获取窗口的高度、宽度(包含边框和菜

document.defaultView或全局变量window——获取一个window对象;

1)获取窗口信息

innerHeight、innerWidth——获取窗口内容区域的高度、宽度;

outerHeight、outerWidth——获取窗口的高度、宽度(包含边框和菜单栏等);

pageXOffset、pageYOffset——获取窗口从左上角算起水平/垂直滚动过的像素数;

screen——返回一个描述屏幕的Screen对象;

screen.availHeight、screen.availWidth——屏幕上可供显示窗口部分的高度、宽度(排除工具栏和菜单栏之外);

screen.colorDepth——屏幕的颜色深度;

screen.height、screen.width——屏幕的高度、宽度;

screenLeft/screenX——获取从窗口左边缘到屏幕左边缘的像素(注意兼容性);

screenTop/screenY——获取从窗口上边缘到屏幕上边缘的像素(注意浏览器兼容性);

2)与窗口进行交互

blur()——让窗口失去键盘焦点;

close()——关闭窗口(不是所有浏览器都允许某个脚本关闭窗口);

focus()——让窗口获得键盘焦点;

print()——提示用户打印页面;

scrollBy(,)——让文档相对于当前位置进行滚动;

scrollTo(,)——滚动到指定的位置;

stop()——停止载入文档;

3)对用户进行提示

alert()——向用户提示一个对话框窗口并等候其被关闭;

confirm()——显示一个带有确认和取消提示的对话框窗口(返回一个布尔值);

prompt(,)——显示对话框提示用户输入一个值(返回字符串);

showModalDialog()——弹出一个窗口,显示指定的URL;

4)history对象的属性和方法

back()——在浏览历史中后退一步;

forward()——在浏览历史中前进一步;

go()——转到相对于当前文档的某个浏览历史位置。正值是前进,负值是后退;

length——返回浏览历史中的项目数量;

pushState(,

replaceState(,

state——返回浏览器历史中关联当前文档的状态数据;

5)使用跨文档消息传递

postMessage(,)——给另一文档发送指定的消息;

寻找内嵌的window:

defaultView——返回活动文档的window;

frames——返回文档内嵌iframe元素的window对象数组;

opener——返回打开当前浏览上下文环境的window;

parent——返回当前window的父window;

self——返回当前文档的window;

top——返回最上层的window;

length——返回文档内嵌的iframe元素数量;

[]——返回指定索引位置内嵌文档的window;

[]——返回指定名称内嵌文档的window;

6)使用计时器

setTimeout(,

clearTimeout()——撤销某个超时计时器;

setInterval(,

clearInterval()——撤销某个时间间隔计时器;

 








outerWidth:   outerHeight:  
innerWidth:   innerHeight:  
screen.width:   screen.height:  

 

远地本着“构筑诚信,永续发展”的理念为客户提供专业的理财服务、财富管理以及产品方案推荐。 远地都进来看看撒将通过自身的专业优势和有效的信息交流平台,为资金富裕方和资金需求方打造一个专业,诚信,共赢,睿智的服务平台, 帮助客户实现稳定、安全的财富增值,帮助更多优秀的中小型企业融资成功。 sohu/ 远地本着“构筑诚信,永续发展”的理念为客户提供专业的理财服务、财富管理以及产品方案推荐。 远地都进来看看撒将通过自身的专业优势和有效的信息交流平台,为资金富裕方和资金需求方打造一个专业,诚信,共赢,睿智的服务平台, 帮助客户实现稳定、安全的财富增值,帮助更多优秀的中小型企业融资成功。 新闻网图标/ 远地本着“构筑诚信,永续发展”的理念为客户提供专业的理财服务、财富管理以及产品方案推荐。 远地都进来看看撒将通过自身的专业优势和有效的信息交流平台,为资金富裕方和资金需求方打造一个专业,诚信,共赢,睿智的服务平台, 帮助客户实现稳定、安全的财富增值,帮助更多优秀的中小型企业融资成功。

Ready

<iframe height="100px" name="nested" src="http://localhost:63342/IDEA-workspace/Demotest/otherdomain." width="90%"></iframe>

 

<script> //获取窗口信息 document.getElementById(ow).innerHTML=window.outerWidth; document.getElementById(oh).innerHTML=document.defaultView.outerHeight; document.getElementById(iw).innerHTML=window.innerWidth; document.getElementById(ih).innerHTML=window.innerHeight; document.getElementById(sw).innerHTML=window.screen.width; document.getElementById(sh).innerHTML=window.screen.height; </script><script> //与窗口进行交互 var buttons=document.getElementById(buttons1).getElementsByTagName(button); for(var i=0;i otherPage代码:

 

 




This is the nested document

<script> //监听message事件 window.addEventListener(message,receiveMessage,false); function receiveMessage(e){ if(e.origin==http://localhost:63342){ displayMessage(e.data); }else{ displayMessage(message discarded); } } function displayMessage(msg){ document.getElementById(banner).innerHTML=msg; } </script>

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<