美文网首页
JavaScript基础 BOM方法

JavaScript基础 BOM方法

作者: 0说 | 来源:发表于2018-02-22 23:18 被阅读0次

window.open()打开新窗口
window.open('要打开的页面',' _self (当前窗口打开) _blank(新的窗口打开 默认) ','width = 500,height = 500(新窗口多少宽高)' )

    <script type="text/javascript">
        document.onclick = function (){
            window.open('http://www.baidu.com','_self ');
        }
    </script>
Animation.gif
    <script type="text/javascript">
        document.onclick = function (){
            window.open('http://www.baidu.com','','width=500,height=500');
        }
    </script>
Animation.gif

window.close();关闭当前窗口

<script type="text/javascript">
        document.onclick = function (){
            window.close();
        }
    </script>
Animation.gif

window.location.href = 'http://www.baidu.com';
当前页面定向跳转

<script type="text/javascript">
        document.onclick = function (){
            window.location.href='http://www.baidu.com';
        }
</script>
Animation.gif

window.history.back() 返回上一条浏览页面

     <script type="text/javascript">
        document.onclick = function (){
            window.history.back();
        }
    </script>
Animation.gif

window.history.forward()返回下一条浏览页面

<script>
document.onclick = function (){
    window.history.forward();
}
</script>
Animation.gif

相关文章

网友评论

      本文标题:JavaScript基础 BOM方法

      本文链接:https://www.haomeiwen.com/subject/pmhtxftx.html