今天讲一下window对象和浏览器导航,弹窗等有关的内容

导航和打开窗口

window.open() 用于导航到某个特定 url

该方法接收四个参数

1、url

2、窗口目标(当页面中有多个框架frame,用于指定哪个窗口打开第一个参数的url)

3、特性字符串(用于规定新窗口的相关特性)

4、新页面是否取代浏览器历史记录中当前页面

这个特性字符串有以下可选值

1、fullscreen 是否全屏(IE有效)

2、height 数值

3、left 数值

4、location 是否显示地址栏(该特性可能会被浏览器禁用)

5、menubar 是否显示菜单栏

6、resizable 是否可以拖动改变窗口大小

7、scrollbars 是否允许滚动条

8、status  是否显示状态栏

9、toolbar 是否显示工具栏

10、top 数值

11、width 数值

这些特性由 , 隔开

该方法返回新窗口的引用,通过该引用可以使用close、moveTo、moveBy、resizeTo、resizeBy来进一步操控

可以通过该返回值的opener属性访问调用window.open 方法的窗口

若将该属性设为null那么新打开的窗口和原来的窗口之间将无法进行通讯,且无法恢复

安全设置

由于该方法常被用于伪装成系统弹窗打广告,所以现代浏览器添加了许多安全测试

在刚才的特性中许多特性都被浏览器限制了,不能修改

比如显示地址栏等

所以这个方法现在并不常用

大家不用在意

定时器

setTimout、setInterval

大家都知道JS是一个单线程语言,那么这种延时调用是怎么实现的呢?

这就涉及到了事件循环等概念

后边介绍事件的时候再详细解释

系统对话框

浏览器有三种类型的对话框

可以通过三个方法来调用

1、alert 显示信息只有确定按钮

2、confirm 显示信息有确定、取消按钮 该方法有返回值即确定为true,取消为false

3、promt 让用户在该弹框中输入值,返回值为用户的输入,该方法两个参数(1、提示信息 2、弹窗中的文本输入框的提示信息placeholder)

PS、关于弹框还有一个关于谷歌的特性,如果JS执行时会打开多个弹窗,那么从第二个弹窗开始会有个复选框

让用户选择是否跳过后续的弹窗

以上就是关于JS中window对象的内容

Javascript高级编程学习笔记(28)—— BOM(2)window对象2的更多相关文章

  1. Javascript高级编程学习笔记(27)—— BOM(1)window对象1

    ECMAScript是JS的核心 但是对于在浏览器中运行的JS,BOM显然才是真正的核心 我们知道JS是由三个部分组成的 BOM.DOM.ECMAScript 之前的文章我们主要介绍的是ECMAScr ...

  2. Javascript高级编程学习笔记(18)—— 引用类型(7)单体内置对象

    什么是内置对象呢? js高级程序设计中给出的定义为:由ES规定不依赖于宿主环境的对象,这些对象在JS执行前就已经存在 前面我们介绍的引用类型都是内置对象 除了这些对象外ECMA还规定了两个单体内置对象 ...

  3. Javascript高级编程学习笔记(31)—— BOM(5)screen、history对象

    screen对象 screen对象应该是BOM对象中最不常用的对象了 其主要用于提供客户端的显示能力信息 包括浏览器外部显示的信息,和像素的宽高等 这个对象的主要用于检测客户端能力,一般不会影响功能 ...

  4. Javascript高级编程学习笔记(30)—— BOM(4)navigator对象

    window对象作为浏览器的全局对象.location对象保存了页面的url信息 那么navigator对象又有什么作用呢? navigator对象 该对象最早由 Netspace Navigator ...

  5. Javascript高级编程学习笔记(29)—— BOM(3)location对象

    在JS中location是一个神奇的对象 它既是window对象的属性,也是document对象的属性 它的作用主要在于保存当前文档页面的信息,以及将 url 解析为独立的片段 location对象属 ...

  6. Javascript高级编程学习笔记(1)—— JS简介

    此系列文章,用于记录所学,如有错误欢迎指出. Javascript组成 1.核心(ECMAScript) 2.文档对象模型(DOM) 3.浏览器对象模型(BOM) 1.核心(ECMAScript) E ...

  7. Javascript高级编程学习笔记(35)—— DOM(1)节点

    DOM JS由三部分组成 1.BOM 2.DOM 3.ECMAScript ES和BOM在前面的文章已经介绍过了 今天开始JS组成的最后一部分DOM(文档对象模型) 我们知道,JS中的这三个部分实际上 ...

  8. Javascript高级编程学习笔记(3)—— JS中的数据类型(1)

    前一段时间由于事情比较多,所以笔记耽搁了一段时间,从这一篇开始我会尽快写完这个系列. 文章中有什么不足之处,还望各位大佬指出. JS中的数据类型 上一篇中我写了有关JS引入的Script标签相关的东西 ...

  9. JavaScript高级编程学习笔记(第三章之一)

    继续记笔记,JavaScript越来越有意思了. 继续... 第三章:JavaScript基础 ECMAScript语法在很大程度上借鉴了C和其它类似于C的语言,比如Java和Perl. 大小写敏感: ...

随机推荐

  1. Quartz.Net进阶之七:QuartzNet其他的功能简述

    一.介绍 今天是这个系列的最后一篇文章了,主要功能说的差不多了,我们来看看其他相关的内容.话说回来,虽然是这个系列的最后一篇文章,并不代表Quartz的东西就这么点,学习阶段,就这些了,如果以后有了使 ...

  2. 网址导航18A

    [导航] hao268 百度导航 泡泡导航 35Q网址导航 [名站] 百度 网易 腾讯 新华 中新 凤凰 [邮箱] 163邮箱 126邮箱 Yeah邮箱 QQ邮箱 阿里邮箱 189邮箱 [新闻] 联合 ...

  3. vm虚拟机网关配置

    今天因为环境搭建,在配置完,外部始终无法访问虚拟机,一时想不出道理,后来经过端口测试,发现应该是网关配置问题,留个备注,防止以后出现同样的问题.

  4. Eclispe 错误:找不到或无法加载加载主类

    解决办法: Project --> Clean Clean 操作会将该 project 以前的所有编译信息清空,然后默认将所有工程的所有 .java 文件都进行一次编译,这样的话就可以方便的进行 ...

  5. H5新特性---Web Worker---Web Stroage

    今天的目标 3.1:h5新特性八--Web Worker---代码就3行 程序:program 存储在外存(磁盘)中代码 进程:Process/Task 将程序调用内存中,分配空间 线程:Thread ...

  6. 剑指offer PART 2

    剑指offer PART 2 书点击自取 提取码: njku 标签(空格分隔): 笔记 C++知识点: 1.面向对象的特性 2.构造函数 3.析构函数 4.动态绑定 5.常用的设计模式 6.UML图 ...

  7. 第五周助教工作总结——NWNU李泓毅

    第五周助教总结 注:因第四次实验安排两个标准时间完成,因此本周未提交完整作业. 本周心得: 第四次实验进行过半,八组同学都在实验课上进行了一次中期总结,并形成书面总结在微信群中讨论. 根据各组同学的中 ...

  8. django的视图函数

    一.视图函数view 视图函数是接收一个请求(request对象),并返回响应的函数 1. HttpResponse响应请求 这个方法是返回字符串一类的,可以识别标签 2. render响应请求 re ...

  9. bootstrap的引用和注意事项

    1,在https://v3.bootcss.com/getting-started/#download下载bootstrap的压缩包: 2,将压缩包解压到自己的工程文件中,会得到如下结果: 3,打开这 ...

  10. bootstrap table使用参考

    https://www.cnblogs.com/landeanfen/p/5821192.html  转载 阅读目录 一.x-editable组件介绍 二.bootstrapTable行内编辑初始方案 ...