window子对象和方法

最新推荐文章于 2024-10-06 12:35:17 发布
最新推荐文章于 2024-10-06 12:35:17 发布
阅读量389 收藏
点赞数 1
文章标签： javascript html 前端 windows Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_71144319/article/details/129541107
版权

1.介绍window对象

1 window对象是相对于web浏览器而言的，表示浏览器中打开的窗口。

2 而在客户端 JavaScript 中，全局对象就是 Window 对象，表示允许 JavaScript 代码运行的 Web 浏览器窗口

3 window对象是浏览器的JavaScript中具体存在的一个全局对象，是可以直接访问的

2.window对象

属性名

描述

window.innerWidth

获取当前网页可显示区域宽度问题：ie有兼容性问题解决：document.documentElement.clientWidth

window.innerHeight

获取当前网页可显示区域高度问题：ie有兼容性问题解决：document.documentElement.clientHeight

3.window方法

自己声明的函数也是win的方法

方法

描述

alert()

弹出框

prompt(输入框提示信息,输入框默认值)

提示框

confirm(确认框提示的信息)

确认框

open(待打开的网页,窗口名,'height=400,width=400,top=10,...')

打开网页

close()

关闭当前网页

scrollBy(x,y)

控制当前可视窗口的滚动

scrollTo(x,y)

控制当前可视窗口的滚动

4.window.location 对象所包含的常用的属性：

包含当前url的相关信息，而history对象不能具体反映url的相关信息。

属性

描述

location.hash

是一个可读写的字符串，是URL锚点，从井号 (#) 开始的 URL

location.reload(bool)

刷新页面的方法，传递一个true，表示从浏览器加载

location.search

返回url?后面的查询部分(参数)

location.href

设置或返回完整的 URL

location.assign(url)

跳转到指定目录

location.replace（url）

修改当前的地址,且不能后退

location.protocol

当前 URL 的协议

相关例子：

<input type="button" value="获取网址" οnclick="getUrl();" />

<input type="button" value="跳转网址" οnclick="goUrl();"/>

<input type="button" value="刷新网页" οnclick="shuaXin();" />

<script>

// 创建获取网址方法

function getUrl(){

console.log(location.href);

}

// 创建跳转网址方法

function goUrl()

{

// location.href = 'http://baidu.com'; // 跳转百度

location.href = './1-延时器和定时器.html';

}

// 创建刷新网址方法

function shuaXin(){

location.reload();

}

</script>

注意注意：

在第一个#后面出现的任何字符，都会被浏览器解读为位置标识符。这意味着，这些字符都不会被发送到服务器端。

比如，下面URL的原意是指定一个颜色值：

　　http://www.example.com/?color=#fff

　　JD秒杀的页面,点击不同商品,#后数字不同

　 https://miaosha.jd.com/#11782112078

5.window.history 对象所包含的常用的属性和方法：

该对象包含浏览器访问过的url。

属性：

名称

作用

history.length

返回当前窗口历史记录的数量

例子：

例1:history.length输出

// 输出浏览过的历史长度

console.log(history.length);

方法：

名称

作用

history.forward()

前进，需要后退一下之后，才有前进的方向

history.go(num)

参数为正，前进相应的数目，为负，后退相应的数目，为0，刷新

history.back()

后退，加载前一个url。

例子：编写a.html在其中添加超链跳到b.html.

a.html

<body>

<a href="./b.html">点我跳转</a>

<br />

<input type="button" value="goForward" οnclick="goForward()">

<script>

function goForward(){

window.history.forward();

}

</script>

</body>

b.html

<body>

<input type="button" value="goBack" οnclick="goBack()">

</body>

<script>

function goBack(){

window.history.back(); //点我返回

}

var len = window.history.length; // 当前窗口浏览总长度

console.log(len);

</script>

本篇博客只是用来记录本人在前端常用的window属性，这次记录下来，方便以后查询，也感谢网上各位大神的各种辅助，一点一滴积累，继续努力！！！！加油！！！！！

小杨程序员
关注
前端开发：JS中的Window对象详解
软贱开发攻城狮
09-19 4580
在前端开发过程中，关于全局对象的使用是非常常用的，其实每个JS环境中都一个全局对象，尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性，且任何函数都是它的方法。在实际浏览器环境下，Window对象就是全局对象的标志，它表示包含网页的浏览器窗口。那么本篇文章就来分享一下关于window对象相关的知识点，方便查阅使用。
window对象方法
慕北丶
03-20 1896
文章目录window对象的方法和属性 window对象的方法和属性 window对象是JS提供的一个内置对象，该对象是最大的一个内置对象，其中有很多方法和属性，可以直接调用 window.location对象用于获取当前页面的地址（URL），并把浏览器重新定向到新的页面。window.location对象在编写的时候可以不写window window.onload=function(){ win...
window子对象
m0_46430338的博客
12-15 1593
Window的子对象 document 文档对象模型，通常用来操作 dom 元素，对 dom 的增删改查 screen 保存了当前屏幕的一些信息 console.log(screen.availHeight) // 浏览器窗口所在的屏幕的高度（单位像素） console.log(screen.availWidth) // 浏览器窗口所在的屏幕的宽度（单位像素） console.log(screen.height) // 浏览器窗口可用的屏幕高度（单位像素） console.log(screen.wi
javascript学习——window 对象
最新发布
白话机器学习
10-06 1761
浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。window有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。最早，设计这门语言的时候，原始设想是语言内置的对象越少越好，这样可以提高浏览器的性能。因此，语言设计者 Brendan Eich 就把window。
js中Window 对象及其的方法
weixin_30340353的博客
07-06 161
window.location 对象 　　window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。 　　location.hostname 返回 web 主机的域名 　　location.pathname 返回当前页面的路径和文件名 　　location.port 返回...
window的子对象
anhumi4350的博客
08-25 321
在控制台输入 history history.length 历史记录个数history.back() 后退history.forward() 前进history.go(n) 跳到某一页，可正可负，当n是o时刷新页面locationwindow.location;location.href:可更改地址location.search:查询数据location.hash:返回锚点locati...
JavaScript Window窗口对象属性和使用方法
01-21
他也是所有对象的顶级对象，通过Window对象的子对象进行操作，可以实现更多的效果。 1、Window对象属性 每个对象都有自己的属性，顶级对象Window是所有其他子对象的父对象，它可以出现在每个页面上，并且可以咋单个...
js获取iframe中的window对象的实现方法
10-22
`window`对象在JavaScript中代表一个浏览器窗口，它包含了全局变量、函数以及与用户交互相关的属性和方法。 要获取`iframe`中的`window`对象，主要有以下两种方法： 1. **通过DOM元素访问：** 这种方法首先需要...
JavaScript—window对象使用示例
12-01
这个对象提供了很多与用户交互、页面导航、窗口控制和文档操作相关的属性和方法。以下是对`window`对象及其部分常用功能的详细说明： 1. **打开新窗口**： `window.open()` 方法用于打开一个新的浏览器窗口或标签...
JavaScript编程中window的location与history对象详解
10-23
在JavaScript中，window对象是浏览器窗口的代表，它提供了很多有用的属性和方法。其中，location和history是window对象的两个重要属性，它们分别用于获取和操作浏览器地址栏的相关信息，以及管理浏览器的浏览历史。 ...
window子对象的详细介绍 _@jie
tattoo_jie的博客
09-23 1471
window子对象: （1）Location 对象 　　 Location 对象包含有关当前 URL(统一资源定位符) 的信息。（Uniform Resource Location） Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。 location.hostname 返回当前 URL 的主机名。 location.pathname 返回当前 URL 的路径部分。 location.protocol 返回当前 URL 的协议。 location.
Window对象方法
清晨-阳光的博客
07-30 311
Window 对象表示浏览器中打开的窗口。 setTimeout() 方法 功能：用于在指定的毫秒数后调用函数或计算表达式。 语法：setTimeout(code/function, milliseconds) 返回值：返回一个 ID(数字)，可以将这个ID传递给 clearTimeout() 来取消执行。 clearTimeout() 方法 功能：可取消由 setTimeout() 方法设置的定时操作。 语法：clearTimeout(id_of_settimeout) 返回值：无
windows对象的方法
sinat_26992509的博客
08-21 639
windows对象的方法： 1、confirm方法，显示确定，取消对话框 2、 alert方法：显示确定对话框 3、启动定时器，关闭定时器setInterval() clearInterval()方法 练习 :十秒钟之后注册按钮才能使用 注册       var LS=10;        //初始值为10秒       var intervalid;       func
window对象的方法
CSAN_Y的博客
02-09 923
使用window方法时可以省略window open方法 语法格式：window.open(URL,窗口名称,窗口风格) 功能：打开一个新的窗口，并在窗口中装载指定URL地址的网页。 说明： open方法用于打开一个新的浏览器窗口，并在新窗口中装入一个指定的URL地址； open方法在打开一个新的浏览器窗口时，还可以指定窗口的名称(第二个参数)； open方法在打开一个新的浏览器窗口时，还可以...
window对象的子对象
热门推荐
qq_42025192的博客
03-19 1万+
window对象(有属性和方法) 特点： window是浏览器宿主对象，与js无关，支持所有浏览器，表示浏览器窗口 所有js的全局对象、全局函数、全局变量都是window对象的成员 注：以下所有属性都可以不需要window前缀，子对象更加详细的属性和方法见另一篇博客： window对象的子对象（属性的一种） 1、window.document ...
Window对象的常用方法
weixin_52358334的博客
11-17 1409
alert()、confirm()、prompt() 分别用于弹出警告对话框、确认对话框和提示输入对话框。 close() 关闭窗口。 focus()、blur() 让窗口获得焦点、失去焦点。 open() 打开一一个新的顶级窗口，用于装载新的URL所指向的地址，并可指定一系列的新属性，包括隐藏菜单等。: resizeBy()、resizeTo() 重设窗口大小。 scrollBy()、scrollTo() 滚动当前窗口中的HTML文档。 setTimeout()、clearTimeout() 设置、删除定
window对象的常用方法
weixin_57413199的博客
10-07 1749
对话框： 1.alert(str):提示对话框，显示str中的内容； 2.confirm（str）：确认对话框，显示str中的内容，按确定返回true，否则返回false； 3.prompt（）：输入框，在页面接受用户输入，并返回输入的内容。 定时器： 1.setTimeout（exp，time）：一次性闹钟，设定一个时间来执行代码；exp是要执行的语句，time是间隔时间，单位是毫秒，返回启动的定时器； 2.clearTimeout（tID）：停止启动的定时器，tID为启动的定时器对象； 3
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值