BOM(1)

最新推荐文章于 2024-08-14 10:57:19 发布

你在搞什么飞机

最新推荐文章于 2024-08-14 10:57:19 发布

阅读量88

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_48349848/article/details/107622382

版权

什么是BOM

BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性

BOM缺乏标准，javascript语法的标准化组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部份

window对象

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>window对象的使用</title>
    <script>
        //关闭窗口
        function guan(){
            //弹出确认窗口
            var ans=confirm("确认关闭吗？");
            //判断
            if(ans==true){
                window.open("about:blank","_self").close();
            }else{
                alert("用户取消了操作!")
            }
        }


    </script>

</head>
<body>
<input type="button"value="打开百度"onclick="javascript:window.location='http://www.baidu.com'"/>
<input type="button"value="打开京东"onclick="javascript:location.href='http://www.jd.com'"/>
<input type="button"value="打开淘宝"onclick="javascript:window.open('http://www.taobao.com','tb','height=600px,width=600px')"/>
<input type="button"value="关闭网页"onclick="guan()"/>

</body>
</html>

history：浏览器记录对象

document：文档对象控制网页主体

location：地址栏对象

confirm:显示一个带有提示信息、确定和取消按钮的对话框

open:打开一个新的浏览器窗口，加载给定 URL 所指定的文档

close:关闭浏览器窗口

location对象

location 对象是很特别的一个对象，因为它既是window 对象的属性，也是document 对象的属性

例：

使用location对象打开网址(百度)

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <title>location对象的属性和方法</title>
    <script>
        alert(location.host);
        alert(location.hostname);
        alert(location.href);
        
        var duan=location.host;


    </script>
</head>
<body>
<p onclick="javascript:location.reload()">刷新网页</p>
<p onclick="javascript:location.replace('http://www.baidu.com')">打开百度</p>
</body>
</html>

关闭网页

host:设置或返回主机名和当前URL的端口号

href:设置或返回完整的URL

reload():重新加载当前文档

replace():用新的文档替换当前文档