美文网首页
js BOM 相关知识点

js BOM 相关知识点

作者: super静_jingjing | 来源:发表于2018-03-01 18:51 被阅读0次

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=“目标地址”,有跳转的效果

  1. 系统对话框
    有三种:分别是提示框,选择框,输入框
alert("只有一个确定按钮");
var bResult = confirm("有确定、取消按钮");//返回点击的按钮的boolean  确定-true
var sResult = prompt("请输入你的名字");//返回输入的string  第二个参数prompt("请输入你的名字","")
prompt("请输入你的名字","默认值")

相关文章

  • js BOM 相关知识点

    1.打开窗口 2.清空当前页面元素并且输出内容 实现功能:页面展出代码,点击运行,在新窗口中运行代码 页面结果如下...

  • 08 | 读JavaScript 高程

    这一篇呢是第8章,主要涉及 BOM 的相关知识。 先来看BOM,即和浏览器相关地一些东西。 知识点:1.BOM 中...

  • lesson 3 ---浏览器相关知识 2021-04-14

    课程标题 路白-浏览器相关 知识点 BOM 事件模型 知识点 stopPropgation是阻止冒泡,为什么也可以...

  • 原生JS-09

    • BOM• JS分为三个部分:ECMASCRIPT、BOM、DOM• ECMASCRIPT:定义js...

  • 转载几篇BOM的常用方法

    原生js学习笔记5——BOM操作Bom操作常用方法

  • BOM(浏览器对象模型)

    问题 1、浏览器类型检测 2、拆解url各部分 知识点 1、window JS 的最顶层对象,其他的 BOM 对象...

  • 图解BOM与DOM的区别与联系

    区别 BOM(Browser Object Model) BOM 即浏览器对象模型,BOM没有相关标准,BOM的最...

  • 08-JS基础-BOM相关

    BOM 浏览器对象模型BOM可以使我们通过JS来操作浏览器 BOM对象: Window代表的是整个浏览器的窗口,同...

  • 2018-09-21 Day25 - JavaScript 基础

    一、JS介绍 1、什么是JS javaScripy = ECMAScript(js语法) + BOM - wind...

  • js的浅拷贝与深拷贝

    js的浅拷贝与深拷贝 涉及知识点: js中的数据类型(基本类型,引用类型) js中的存储数据的堆栈相关知识点; 下...

网友评论

      本文标题:js BOM 相关知识点

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