JavaScript中的常用浏览器对象

最新推荐文章于 2022-11-06 00:09:04 发布

Echo*

最新推荐文章于 2022-11-06 00:09:04 发布

阅读量150

点赞数

分类专栏： HTML5+CSS+JS 文章标签： js javascript

本文链接：https://blog.csdn.net/qq_40963076/article/details/101389387

版权

HTML5+CSS+JS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript中的浏览器对象：

window对象：

window对象指的是浏览器的当前窗口
学习过JavaScript的人肯定对document不陌生，只要使用DOM操作，document一定少不了，其实document是浏览器属性window的一个属性，甚至JavaScript中所有的全局变量和属性都会自动成为window的对象。
window对象书写时可以省略

/*关闭网页，部分浏览器不兼容*/
window.close();

/*打开一个网页,第一个必填，为网页位置，其他可选，第二值表示页面的打开方式，第三个值表示页面打开的属性*/
 window.open("...","_blank","height=200,width=200,top=200,left=200,toolbar=yes,menubar=no");

history对象：

JavaScript中的history对象可以对浏览器中地历史网页进行操作

function forward() {
	/*页面向前跳转，相当于浏览器的向前跳转*/
    history.forward();
}
function back() {
	/*页面向后跳转，相当于浏览器的向后跳转*/
    history.back();
}
function go() {
	/*向历史中任意页面跳转，当前页面表示0，2表示向前跳2个页面，负数表示向后跳转*/
    history.go(2);
}

location对象：

JavaScript中的location对象可以获取页面的URL,可以提取当前页面的URL的信息，也可以跳转到别的页面，就像html中a元素的功能一样
示例代码：

<body>
<!--此元素用来显示信息-->
<p id="pid"></p>
<button onclick="go()">go</button>
</body>
<script>
	<!--返回web主机域名-->
    document.getElementById("pid").innerHTML = location.hostname;
    
    <!--返回当前路径的页面和文件名-->
    document.getElementById("pid").innerHTML = location.pathname;
    
    <!--返回web主机的端口-->
    document.getElementById("pid").innerHTML = location.port;
    
    <!--返回web使用的协议-->
    document.getElementById("pid").innerHTML = location.protocol;
    
    <!--返回当前页面的URL(常用)-->
    document.getElementById("pid").innerHTML = location.href;
    
    function go() {
    
    	/*以下可以重定向页面的URL为百度*/
        location.assign("http://www.baidu.com");
    }
</script>

Screen对象：

JavaScript中的Screen对象包含用户有关屏幕的信息

	/*输出页面的可用高度和宽度*/
   document.write(screen.availHeight +"   "+screen.availWidth+ "   ");
   /*输出页面的高度和宽度*/
   document.write(screen.height +"   "+screen.width+"   ");