JS - document对象

动态跳转

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>JS</title>
    </head>
    <body>
        <div id="box">
            <button class="btn">按钮</button>
            <span id="span">
                <a href="#">百度一下</a>
            </span>
            <p>我是段落</p>
        </div>
        <script type="text/javascript">
           console.log("1");
            //动态跳转
           window.location.href = "http://www.baidu.com";
           console.log("2");
           console.log(document); //获取整个网页的document对象
           console.log(document.childNodes); //获取网页中的document的所有子节点
           console.log(document.head); //获取头部
           console.log(document.body); //获取body
           console.log(document.title); //获取title
        </script>
    </body>
</html>



猜你喜欢

转载自blog.csdn.net/weixin_37580235/article/details/80764531