js window对象

最新推荐文章于 2024-01-17 17:02:20 发布
最新推荐文章于 2024-01-17 17:02:20 发布
阅读量194 收藏
点赞数
分类专栏： 笔记 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42467563/article/details/83278852
版权
练习 同时被 3 个专栏收录
201 篇文章 8 订阅
订阅专栏
笔记
185 篇文章 0 订阅
订阅专栏
js
32 篇文章 0 订阅
订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>window对象</title>
        <style>
            body {
                margin: 0;
                width: 2000px;
                height:3000px;
                background: red;
            }
        </style>
        <script>
            
            // 网页加载完成(包括资源)
            window.onload = function () {
                var oDiv = document.getElementById('xxx')
                //alert(oDiv.innerText)
                //document.title = '标题'
                //document.write(window.innerWidth + '<br />')
                //document.write(window.innerHeight + '<br />')
                //窗口尺寸，包括滚动条
                //document.title = window.innerWidth + 'x' + window.innerHeight
                
                // 客户端净页面宽高(H5标准)
                document.title = document.documentElement.clientWidth + 'x' + document.documentElement.clientHeight
                // 客户端净页面宽高(非H5标准)
                //document.title = document.body.clientWidth + 'x' + document.body.clientHeight
            }
            
            // 窗口滚动事件
            window.onscroll = function () {
                // 页面滚动偏移(H5标准)
                document.title = document.documentElement.scrollTop + 'x' + document.documentElement.scrollLeft
                // 页面滚动偏移(非H5标准)
                //document.title = document.body.scrollTop + 'x' + document.body.scrollLeft
            }
            
            // 窗口尺寸改变
            window.onresize = function () {
                document.title = document.documentElement.clientWidth + 'x' + document.documentElement.clientHeight
            }
            
        </script>

    </head>
    <body>
        <div id="xxx">测试内容</div>
    </body>
</html>

三尺秋水一点飞鸿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Javascript window对象详解
10-25
本文详细介绍了JavaScript的window对象。Windows对象是一个顶层对象，而不是另一个对象的属性即浏览器的窗口。
javascript window对象属性整理
10-29
javascript window对象属性，网页爱好者经常需要用到，大家可以收藏下，方便以后使用。
JavaScript窗口（window）对象介绍
算法与编程之美
07-29 4677
欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。欢迎加入团队圈子！与作者面对面！直接点击！引言windo...
细说JavaScript BOM之window对象
最新发布
zhishunet
01-17 1155
window对象是JavaScript中最大的对象，其他对象都是window对象的一部分，window对象表示浏览器的一个实例，在浏览器中它有双重身份，既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript标准中规定的Globel(全局)对象。第二个身份说明了我们在网页中定义的任何一个变量、函数和对象都会以window作为其全局对象。window对象是全局对象，因此所有在全局作用域中声明的变量、函数、对象都会变成window对象的属性、方法、对象 基于window对象是全局对象的概念
js-window对象的方法和属性资料
weixin_34329187的博客
03-10 147
Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略windo...
js中哪些地方会用到window？
前端-尔嵘
09-19 820
this对象是在运行时基于函数的执行环境绑定的：在全局变量中，this等于window，而当函数被作为某个对象的方法调用时，this等于那个对象。在 JavaScript 中，window 对象表示浏览器窗口（通常也称为浏览器窗口或浏览器窗口）。直白来说，比如我们去吃饭要点菜，Window 类似一个菜单，window 是端上桌子的一道菜，至于这道菜色香味以及制作方法和 Window 无关，只和 window 有关。对象是JavaScript中的顶层对象，它代表了浏览器中打开的窗口或者标签页。
微信浏览器中用js修改页面title
希文Gershwin
12-09 972
普通的html页面中通过 document.title = 'new title'; 即可修改页面的title，但是在微信浏览器中这段代码是无效的，看了些别人的博客说是“由于微信浏览器只在页面首次加载时初始化了标题title，之后就没有再监听 window.title的change事件。所以这里修改了title后，立即创建一个请求，加载一个空的iframe，由于加载后立即就移除，也不会对页面造成影...
JS window对象简单操作完整示例
10-15
JavaScript中的`window`对象是全局对象，它代表浏览器的一个窗口，包含了与页面交互的各种方法、属性和事件。在这个示例中，我们详细探讨了`window`对象的一些常见操作，包括提示框、弹出窗口和时间相关操作。 1. *...
JavaScript window对象
08-05
NULL 博文链接：https://chaoyi.iteye.com/blog/2061830
javascript Window对象
09-27
详细解释Window对象的使用！Window对象Window对象Window对象Window对象Window对象Window对象Window对象Window对象
js_Window对象及方法
12-30
j s _ W i n d o w 对 象 及 方 法
window对象的status、location、name、self、opener属性的使用
J-FACE
08-09 272
window对象的status、location、name、self、opener属性的使用 window对象的status、location、name、self、opener属性的使用　 　 Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或 FRAME元素时，都会自动建立w...
js的window对象与属性的使用
热门推荐
悦分享
11-23 1万+
1.BOM的概述     browser object modal :浏览器对象模型。     浏览器对象：window对象。     Window 对象会在 &lt;body&gt; 或 &lt;frameset&gt; 每次出现时被自动创建。 2. window对象 window对象是BOM中所有对象的核心。BOM    Browser  Object Model 3.window对象的...
Window 对象
weixin_34292924的博客
09-07 143
Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（<frame> 或 <iframe> 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 注意： 没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。 Window 对象属性 属性描述 ...
Js中window属性和方法
ahty的专栏
07-27 6278
一、window属性和方法 1. confirm //效果类似于alert，但是有一个bool类型的返回值 var result=confirm("请确认"); alert(result); 2. setTimeout //延迟函数，时间单位是毫秒 setTimeout(function(){     alert("asassaa"); },1000); 3. setInter
javascript修改浏览器title方法 JS动态修改浏览器标题
希哈科技
09-20 1591
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改，jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。 innerT...
javascript之window对象
ajwqb06628的专栏
01-01 413
javascript之window对象 　　window ：window对象是BOM中所有对象的核心，除了是BOM中所有对象的父对象外，还包含一些窗口控制函数。 1、全局的window对象 　　JavaScript中的任何一个全局函数或变量都是window的属性...
JS中window对象的使用
racy696的博客
08-23 877
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>window对象的使用</title> <!-- 作者：李瑞琦 时间：2017-08-23 描述： --> <script
js中window对象的一些属性与方法
qq_42653574的博客
07-31 1524
浏览器对象 window对象： 方法 Prompt():显示提示用户输入 Confirm():带有一段确定按钮与取消按钮的对话框，点击确认按钮返回true,点击取消返回false; setInterval();第一个参数是要调用的函数，第二个参数是隔多久时间调用函数一次（无限执行） Settimeout();第一个参数是要执行的函数，第二个参数是延时调用（只执行...
javascript window对象
03-16
JavaScript中的window对象是浏览器中的顶层对象，它代表了浏览器窗口或标签页。它提供了许多属性和方法，可以用来控制浏览器窗口的大小、位置、打开新窗口、关闭窗口、弹出对话框等操作。除此之外，window对象还包含...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值