JavaScript 小知识-open()窗口操作 打开一个新窗口

368 阅读2分钟

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。

前文学习了 JavaScript 窗口的 对话框. 对话框用于和用户交互, 用来搜集用户提交的内容, 本文来学习 JavaScript 窗口的 操作, 比方说第三方登录时 弹出一个新的窗口, 但是这个窗口不是特别完整的窗口, 这个窗口就可以用代码调出来.

JavaScript 窗口操作

JavaScript 窗口包含有各种功能供我们调用. 可以对窗口进行操作, 比如 第三方登录时 弹出一个新的窗口, 这个窗口就可以通过代码调取出来.

另外在一些网站经常遇到点击一个链接 或者按钮时, 会弹出一个窗口, 比如注意事项, 版权信息, 警告, 欢迎词之类的等等.

这个弹出的窗口其实特别简单, 只需要调用 window 的一个 api 即可: open() 函数

window open() 函数:

使用 open() 函数用来实现一个弹出窗口, 包含一些提示信息, 或者登陆等其他信息.

open() 函数为我们提供了很多参数可供选择, 使用语法如下:

open(url<字符串>, 窗口的名称<字符串>, 参数<字符串>)
  • url 表示打开窗口要跳转的地址 url, 如果为空就不进行跳转
  • 窗口名称, 那就是窗口的 title name 了.
  • 参数: 通过参数可指定 打开窗口的外观 位置 大小等等, 如果不指定参数为空, 则打开一个普通窗口

第三个参数<字符串>的相关内容.

第三个参数<字符串>可以配置打开窗口的样式: 大小 位置 菜单 工具栏 地址栏 状态栏 滚动条 链接区等等 参数为字符串 , 内部各个参数用 逗号, 隔开

演示:

如下: 比方说要打开一个 宽 500 高 300 的窗口, 代码如下:

open(
  '',
  '_blank',
  'width=500,height=300,menubar=no,toolbar=no,location=no,directories=no,status=no,scrollbars=yes,resizable=yes'
)