美文网首页
JavaScript中的window常用方法

JavaScript中的window常用方法

作者: 紫荆峰 | 来源:发表于2016-11-19 15:06 被阅读0次

0.前言

今天突发奇想,向稳温顾一下window中的两个常用方法,openclose

1.window中常用open特性

window常用方法open特性.png

这些比较简单,看一遍基本都会了。直接上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>window中常用的方法</title>
</head>
<body>
    <button onclick="openNewWindow()">打开新界面</button>
    <button onclick="colseWindow()">关闭当前界面</button>
    <script type="text/javascript">
        // window.open()
        // 功能:可以打开新的界面
        function openNewWindow() {
            //参数1:要打开的页面路径
            //参数2:打开方式
            //参数3:新界面特性字符串
            window.open("red.html", "blank", "width=200px, height=400px, top=50px, left=200px");
        }
        
        // window.close()
        // 功能:关闭当前界面
        function colseWindow() {
            window.close();
        }
    </script>
</body>
</html>

谢谢!!!!

相关文章

网友评论

      本文标题:JavaScript中的window常用方法

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