dom刷新局部元素_JavaScript中DOM和BOM基础

最新推荐文章于 2023-04-03 17:00:22 发布

登高至远

最新推荐文章于 2023-04-03 17:00:22 发布

阅读量1.9k

点赞数

文章标签： dom刷新局部元素

本文链接：https://blog.csdn.net/weixin_34589862/article/details/112090865

版权

BOM部分基础内容

BOM(Broswer Object Model)浏览器对象模型 ,主要用来获取或设置浏览器的属性、行为 ; 使JavaScript可以和浏览器进行交互 ; window 是 BOM 对象，而非 js 对象 ;

注：凡是window的属性和方法，均可以省略“window.”

【1】常见框窗操作

1.警告框

window.alert("msg");

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="application/javascript">

        //

        //警告框
        function testAlert(){
    
            var result = alert("这是一个警告框！");
            console.log(result);
        }

    </script>
</head>
<body>
<button onclick="testAlert();">testAlert</button>

</body>
</html>

2.确认框

window.confirm("msg");

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="application/javascript">

        //确认框
        function testConfirm(){
    
            var result = confirm("你确认要离开了吗？");
            if(result){
    
                alert("欢迎下次再来！")
            }else{
    
                alert("那你在逛逛吧！")
            }
            console.log(result);
        }
    </script>
</head>
<body>
<button onclick="testConfirm();">testConfirm</button>
</body>
</html>

3.询问框

window.prompt("msg","defaulvalue")

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="application/javascript">
        //询问框
        function testPrompt(){
    
            var result = window.prompt("请输入U盾密码","例如：123456");
            console.log(result);
        }
    </script>
</head>
<body>
<button onclick="testPrompt();">testPrompt</button>
</body>
</html>

【2】常见页面操作

1.打开一个窗口

window.open()

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="application/javascript">
        var a  = 10;
        window.onload = function(){
    
            console.log(window);
            console.log("11111111111")
        }

        function testOpen(){
    
            var sonwindow = window.open("son.html","aaa","height=300,width=500,top=50,left=50,toolbar=no,
                                          menubar=no,scrollbars=no,resizable=no,location=no,status=no")
            //子窗口的window对象
            console.log(sonwindow);
        }
        function fatherSayHello(){
    
            alert("hello son!");
        }
    </script>
</head>
<body>
<button onclick="testOpen();">打开一个新窗口</button>

</body>
</html>

2.在子窗口中使用，表示父窗口的window对象

window.opener

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="

最低0.47元/天解锁文章

登高至远

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
dom刷新局部元素_JavaScript中DOM和BOM基础

BOM部分基础内容BOM(Broswer Object Model)浏览器对象模型 ,主要用来获取或设置浏览器的属性、行为 ; 使JavaScript可以和浏览器进行交互 ; window 是 BOM 对象，而非 js 对象 ;注：凡是window的属性和方法，均可以省略“window.”【1】常见框窗操作 1.警告框 window.alert("msg");<!DOCTYPE html&g...
复制链接

扫一扫