js BOM 相关知识点

1.打开窗口

window.open("about:blank");

2.清空当前页面元素并且输出内容

document.write("sdf");

实现功能：页面展出代码，点击运行，在新窗口中运行代码

            var txt1 = document.getElementById("txt1");
            var btn1= document.getElementById("btn1");
            btn1.onclick = function(){
                //清空当前页面元素并且输出内容
//              document.write("sdf");
                //打开一个新的空白页
                var nWin = window.open("about:blank");
                //在新的空白页面写入代码
                nWin.document.write(txt1.value);
            }

页面结果如下：

image.png

在输入框中填入需要运行的完整代码：

image.png

点击运行按钮，跳转到新的页面，运行出代码结果

image.png

3.关闭窗口

window.close()

被关闭的窗口必须是脚本打开的窗口，人为打开的窗口不能改close关闭

4.获取浏览器版本

window.navigator.userAgent

5.获取当前页面地址

window.location

也可以对其赋值，window.location=“目标地址”，有跳转的效果

6. 系统对话框
   有三种：分别是提示框，选择框，输入框

alert("只有一个确定按钮");
var bResult = confirm("有确定、取消按钮");//返回点击的按钮的boolean  确定-true
var sResult = prompt("请输入你的名字");//返回输入的string  第二个参数prompt("请输入你的名字","")
prompt("请输入你的名字","默认值")