BOM的内置方法内置对象体验

最新推荐文章于 2022-10-30 20:28:31 发布

宅羽

最新推荐文章于 2022-10-30 20:28:31 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： DOM案例

本文链接：https://blog.youkuaiyun.com/sky6even/article/details/80767945

DOM案例专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用JavaScript来控制浏览器窗口的打开与关闭，并演示了如何设置新窗口的属性，如位置、尺寸及显示特性等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a href="javascript:;">点击我可以穿件一个新的页面</a>
    <a href="javascript:;">点击我可以关闭本页面</a>
    <div>点击我跳转到百度</div>
    <script>
        //新窗口 = window.open(地址,是否开新窗口,新窗口的参数);
        var a1 = document.getElementsByTagName("a")[0];
//        var a2 = document.getElementsByTagName("a")[1];
        a1.onclick = function () {
//            window.open("http://www.jd.com","_blank");
            var json = {"name":"helloworld","fullscreen":"no","location":"no","width":"100px","height":"100px","top":"100px","left":"100px"};
//            var newWin = window.open("demo.html","_self",json);
            var newWin = window.open("demo.html","_blank",json);
            newWin.moveTo(500,500);

//            name：新窗口的名称，可以为空
//            featurse：属性控制字符串，在此控制窗口的各种属性，属性之间以逗号隔开。
//        fullscreen= { yes/no/1/0 } 是否全屏，默认no
//        channelmode= { yes/no/1/0 } 是否显示频道栏，默认no
//        toolbar= { yes/no/1/0 } 是否显示工具条，默认no
//        location= { yes/no/1/0 } 是否显示地址栏，默认no
//        directories = { yes/no/1/0 } 是否显示转向按钮，默认no
//        status= { yes/no/1/0 } 是否显示窗口状态条，默认no
//        menubar= { yes/no/1/0 } 是否显示菜单，默认no
//        scrollbars= { yes/no/1/0 } 是否显示滚动条，默认yes
//        resizable= { yes/no/1/0 } 是否窗口可调整大小，默认no
//        width=number 窗口宽度（像素单位）
//        height=number 窗口高度（像素单位）
//        top=number 窗口离屏幕顶部距离（像素单位）
//        left=number 窗口离屏幕左边距离（像素单位）
        }
//
//        //关闭本页面
//        a2.onclick = function () {
//            window.close();
//        }


    var div = document.getElementsByTagName("div")[0];
        div.onclick = function () {
            location.href = "http://www.baidu.com";
//            window.open("http://www.baidu.com","_blank");
        }
//        console.log(location.href    )    //
//        console.log(location.hash    )    //    返回url中#后面的内容，包含#
//        console.log(location.host    )    // 主机名，包括端口
//        console.log(location.hostname)    // 主机名
//        console.log(location.pathname)    // url中的路径部分
//        console.log(location.protocol)    // 协议 一般是http、https
//        console.log(location.search   )     // 查询字符串


        //navigator
//        console.log(navigator.userAgent);
//        console.log(navigator.platform);

        //回退
        //history.go(-1);
//        history.back();


    </script>

</body>
</html>