JavaScript Window - 浏览器对象模型与Window Screen与Window Location

最新推荐文章于 2022-12-25 01:04:35 发布
最新推荐文章于 2022-12-25 01:04:35 发布
阅读量298 收藏
点赞数
分类专栏： js学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013556505/article/details/50161829
版权

浏览器窗口的尺寸（不包括工具栏和滚动条）

对于ie，chrome，Firefox，opera，safari

window.innerHeight

对于ie5678

document.documentElement.clientHeight

或者

document.body.clientHeight


windows.screen对象包含有关用户屏幕的信息

screen.availWidth-可用的屏幕宽度


windows.location对象用于获得当前页面的地址（url），并把浏览器重定向到新的页面

location.hostname 返回web主机的域名

location.pathname 返回当前页面的路径和文件名

location.port 返回web主机的端口（80或443）

location.protocol 返回所使用的web协议（http://或https://）

location.href 返回当前页面的url

location.assign() 加载新的文档



我是小小朋友
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Browser 对象(Window 对象)
Vivianluolita的专栏
12-18 758
http://www.w3school.com.cn/jsref/dom_obj_window.asp 1 Window 对象 Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。 注释：没有应用于 window 对象的公开标准，不过所有浏览
js 中window对象和screen对象
福小娟儿的博客
03-29 547
window对象表示浏览器中打开的窗口 常用属性 window.closed 窗口是否已被关闭 window.opener 返回对创建此窗口的窗口应用 window.innerHeight 窗口文档显示区高度 window.innerWidth 窗口文档显示区宽度 window.localStroage 浏览器本地存储的键值对（没有过期时间直到手动删除） window.sessionStroage 浏览器临时窗口保存回话数据 ，窗口关闭则清空 window.location hash URL 锚部
autohotkey中的window spy 中的screen和window 参数有什么区别
最新发布
weixin_42611310的博客
12-25 219
在 AutoHotkey 中，Window Spy 功能可以用来查看窗口的详细信息，包括窗口标题、类名、句柄、位置和大小等。在 Window Spy 窗口中，有两个参数可供选择：Screen 和 Window。 Screen 参数是指将光标移动到屏幕上的某个位置，然后 Window Spy 窗口会显示这个位置所在的窗口的信息。 Window 参数是指将光标移动到某个窗口上，然后 Window Sp...
window和screen的尺寸总结
weixin_33716557的博客
06-03 2509
2019独角兽企业重金招聘Python工程师标准>>> ...
javascript---window和window.screen的区别【摘抄】
知易行难的博客
09-07 459
在JS中window对象和screen对象中都有表示显示屏的宽度和高度的属性： window对象 window.innerWidth //表示宽度 window.innerHeight //表示高度 screen对象 screen.availWidth //表示宽度 screen.availHeight //表示高度 它们两者的区别： ...
JavaScript浏览器对象之一Window对象详解
11-22
了解并熟练掌握Window对象对于JavaScript开发者来说至关重要，因为它提供了与用户界面交互的基础，包括显示消息、控制窗口大小和位置，以及与其他浏览器对象（如Document、Location、Navigation、Screen和History）...
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
01-21
本文实例讲述了JavaScript浏览器对象模型BOM。分享给大家供大家参考，具体如下： window对象位于BOM层次结构的最顶层。它包含了一些非常重要的子对象，包括location，navigator，document，screen，history。...
JavaScript Window窗口对象属性和使用方法
10-15
JavaScript 的 `Window` 对象是浏览器环境中最重要的对象之一，它是所有其他对象的顶级对象，提供了与浏览器窗口交互的各种功能。本文将深入探讨 `Window` 对象的属性、方法及其使用方法。 首先，我们来看 `Window`...
03 JavaScript内置对象与浏览器对象.ppt
07-23
目标掌握： javascript内置对象 String 对象 Math 对象 Date 对象 浏览器对象 浏览器对象简介 Window Document History Location Screen event
javascript Window及document对象详细整理
10-28
JavaScript中的Window对象是全局对象，它是每个浏览器窗口的核心，提供了与浏览器窗口交互的各种方法和属性。Window对象的主要职责包括管理窗口的状态，如位置、大小、URL等，以及提供与用户交互的能力，如弹出...
window screen (获取屏幕信息)
weixin_30493401的博客
05-23 718
document.write("屏幕宽度"+screen.width);document.write("屏幕高度"+screen.height);//（整个电脑的屏幕的高）上面和下面不是有效区的也被包括了 document.write("可用高度"+screen.availHeight)//除了上面的任务栏 其他的全部算上 包括地址document.write("可用宽度"+screen....
认识Javascript中控制窗口大小的Screen和Window对象
你为什么不努力的专栏
04-08 3356
Screen对象存储了客户的电脑屏幕信息，这些信息可以用来探测客户端硬件的基本配置 Screen对象的基本属性： availHight:显示Web浏览器的屏幕可用高度，不包括Windows的任务栏 availWidth:显示Web浏览器的屏幕可用宽度，不包括Windows的快捷方式栏 availLeft:屏幕最左侧的x坐标 availTop:屏幕最顶部的y坐标 colorDepth
怎么解决 ie 中获取 window.screen.width 不正确？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
10-18 1479
问题 最近在调试一个浏览器分辨率的问题时，发现在 ie 下 window.screen.width 不正确。 我电脑的分辨率设置如下： 然后在 ie 内核浏览器控制台输出 screen，发现下面 width 为 1920，对此我有点懵逼，按理来说应该是 1366 才对： 原因 IE中执行 screen.width 方法，取的只是主显示器的分别率，不论网页实际打开在哪个显示器。 我排查了一下，发现我的主显示器是 1920 x 1080 的。 解决 ...
javascript-之-BOM 浏览器对象模型（ BOM 的核心--window）
qq_42072844的博客
04-19 604
BOM（Browser Object Model 浏览器对象模型） BOM的概述 1、什么是BOM BOM（Browser Object Model）： 浏览器对象模型 BOM 的核心就是 window 对象 把浏览器当作一个对象来看待 （window 是浏览器内置的一个对象，里面包含着操作浏览器的方法） BOM学习是浏览器窗口的一些对象 获取一些浏览器的相关信息（窗口的大小） 操作浏览器进...
screen对象
dada678的专栏
06-21 331
screen对象用于获取用户的屏幕信息。 语法： window.screen.属性 对象属性: 屏幕分辨率的高和宽 window.screen 对象包含有关用户屏幕的信息。 1. screen.height 返回屏幕分辨率的高 2. screen.width 返回屏幕分辨率的宽 注意: 1.单位以像素计。 2. window.screen 对
JavaScript浏览器对象之window对象详解
上善若泪
05-06 8454
目录 1 window对象概述 2 window对象的属性 2.1 window.name属性 2.2 window.innerHeight属性，window.innerWidth属性 2.3 window.pageXOffset属性，window.pageYOffset属性 2.4 iframe元素 2.5 Navigator对象 2.5.1 Navigator.userAgen...
常见的一些浏览器对象
李乐乐的博客
10-13 4420
自学的时候归类怕忘了在这简单记一笔1.window对象 window对象是BOM的核心，window对象指当前的浏览器窗口。 方法有： 2.History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。
ECMAScript 关键字与保留字
u013556505的专栏
12-05 1263
在看了凯凯王以前的博客后，，，受他影响，，，想把博客写得可爱一点。 为了心情好嘛，装装也是必须的嘛、~ ECMAScript关键字： 写一些我不能理解的吧~ delete,finally,typeof 若是把关键字用作变量名或函数名，可能会得到诸如“Identifier Expected”这样的错误信息哦 以前也就是在java练习里听过关键字，老师没有讲过，大概
JavaScript Array（数组）对象与Boolean（逻辑）对象、Math（算数）对象
u013556505的专栏
12-02 478
合并2个数组 var arr = new Array(3) var arr2 = new Array(3) document.write(arr.concat(arr2)) 将数组的所有元素组成字符串 var arr = new Array(3) document.write(arr.join()) 从字面上对数组进行排序 document.write(arr.sort()) 从
JavaScript浏览器对象模型：图象编程与动态图像处理
`Window`对象包含许多属性和方法，如`document`（表示当前窗口加载的文档），`event`（引用当前发生的事件），`history`（与浏览历史相关），`location`（表示当前URL），`frames`（处理框架），`navigator`（浏览器...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值