js BOM 相关知识点
2018-03-01 本文已影响0人
super静_jingjing
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=“目标地址”,有跳转的效果
- 系统对话框
有三种:分别是提示框,选择框,输入框
alert("只有一个确定按钮");
var bResult = confirm("有确定、取消按钮");//返回点击的按钮的boolean 确定-true
var sResult = prompt("请输入你的名字");//返回输入的string 第二个参数prompt("请输入你的名字","")
prompt("请输入你的名字","默认值")