|
|
|
|
工具版本兼容问题
BOM即 浏览器对象模型(Browser Object Model)
纠
浏览器对象包括 Window(窗口) Navigator(浏览器) Screen (客户端屏幕) History(访问历史) Location(浏览器地址) 本章节从 Window(窗口)开始讲起 示例 2 : 获取外部窗体的宽度和高度 示例 3 : 打开一个新的窗口
一旦页面加载，就会自动创建window对象，所以无需手动创建window对象。
通过window对象可以获取文档显示区域的高度和宽度 <script>
document.write("文档内容");
document.write("文档显示区域的宽度"+window.innerWidth);
document.write("<br>");
document.write("文档显示区域的高度"+window.innerHeight);
</script>
<script>
document.write("文档内容");
document.write("文档显示区域的宽度"+window.innerWidth);
document.write("<br>");
document.write("文档显示区域的高度"+window.innerHeight);
</script>
所谓的外部窗体即浏览器，可能用的是360，火狐，IE, Chrome等等。
<script>
document.write("浏览器的宽度:"+window.outerWidth);
document.write("<br>");
document.write("浏览器的高度:"+window.outerHeight);
</script>
<script>
document.write("浏览器的宽度:"+window.outerWidth);
document.write("<br>");
document.write("浏览器的高度:"+window.outerHeight);
</script>
有的时候，你碰到一些网站会自动打开另一个网站，那么是怎么做到的呢?
就是通过window的open方法做到的 不建议使用，如果需要打开一个新的网站，应该通过超级链接等方式让用户主动打开，在没有告知用户的前提下就打开一个新的网站会影响用户的体验 <script>
function openNewWindow(){
myWindow=window.open("/");
}
</script>
<button onclick="openNewWindow()">打开一个新的窗口</button>
<script>
function openNewWindow(){
myWindow=window.open("/");
}
</script>
<button onclick="openNewWindow()">打开一个新的窗口</button>
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2018-10-04
通过window对象可以获取文档显示区域的高度和宽度
5 个答案
marked 跳转到问题位置 答案时间：2020-03-07 这是获取的HTML标签的宽高
NoColor 跳转到问题位置 答案时间：2019-08-05 自己试一下就知道了，浏览器显示区域宽高
尹武大神 跳转到问题位置 答案时间：2019-06-24 尹文不要瞎扯
尹文 跳转到问题位置 答案时间：2019-06-23 因为你的文档没有内容，所以大小为0 uniquek 跳转到问题位置 答案时间：2019-06-20 这个就是你当前显示的文档内容所占用的区域
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
2018-06-04
window.innerHeight反而为0
2017-07-18
为什么myWindow=window.open("/");打开的是主页
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
