javasc第三章

最新推荐文章于 2024-09-16 08:47:17 发布

BAY1394

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量291

点赞数

分类专栏： # javascript 文章标签： javascript

本文链接：https://blog.csdn.net/BAY1394/article/details/103093646

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章目录

浏览器对象模型

浏览器对象模型

BOM是浏览器对象模型的简称。

window 对象的常用属性及方法

window 对象处于对象模型的第一层，对于每个打开的窗口系统都会自动将其定义为 window 对象。

window 对象常用属性：

window 对象常用方法：

方法说明
prompt 显示可提示用户输入的对话框
alert 显示带有一个提示消息和一个确定按钮的警示框
confirm 显示一个带有提示信息、确定和取消按钮的确认框
close 关闭浏览器窗口
open 打开一个新的浏览器窗口
setTimeout 在设定的毫秒数后调用函数或计算表达式
setInterval 按照设定的周期重复调用函数或表达式
clearInterval 取消周期设置

方法	说明
prompt	显示可提示用户输入的对话框
alert	显示带有一个提示消息和一个确定按钮的警示框
confirm	显示一个带有提示信息、确定和取消按钮的确认框
close	关闭浏览器窗口
open	打开一个新的浏览器窗口
setTimeout	在设定的毫秒数后调用函数或计算表达式
setInterval	按照设定的周期重复调用函数或表达式
clearInterval	取消周期设置

示例：

<body>
    <input type="button" value="open" id="btnOpen">
    <input type="button" value="close" id="btnClose">
    <iframe src="" frameborder="0" ></iframe>
</body>
<script>
        var newWin;
       
        document.getElementById('btnOpen').onclick = function () {
            newWin = window.open('http://www.baidu.com', 'baidu', 
            'width:600,height=400,top=200');
        }
    
        var btn = document.getElementById('btnClose');
        btn.onclick = function(){
            newWin.close();
        }
    </script>

javascript变量的生存期：

javascript局部变量的生存期在离开函数体后失效。
全局变量的在页面关闭后被删除。

向未声明的变量赋值

如果把值赋值给一个尚未声明的变量，该变量将被自动作为全局变量声明。即使它在函数内执行

函数脑图

在这里插入图片描述

使用window对象操作窗口

window的open方法

<body>
    <button onclick="aClick()">打开百度</button>
    <button>关闭百度</button>
</body>
<script>
    var newWin;
     function aClick() {
        newWin = window.open("http://www.baidu.com", "adv", "width=200,height=200");
    }
    document.querySelectorAll('button')[1].onclick = function () {
        newWin.close();
    }
</script>