js中的window.open方法如何使用

新建一个html页面 , 定名为test.html , 用于讲解window.open方式的具体利用 。


js中的window.open方法如何使用

文章插图

2window.pen()方式的参数可觉得肆意的网址 , 默认环境下 , 是在新的浏览器窗口打开链接地址 。 例如 , 下面代码实现了点击按钮 , 在新窗口打开百度网站的首页 。


js中的window.open方法如何使用

文章插图

3window.pen()方式第一个参数是网址 , 第二个参数是打开体例设置 , 本家儿要有以下几种:
_blank :在新窗口打开链接 。
_parent :在父框架窗口打开链接 。
_self :在当前的窗口打开链接 。
_top : 在框架窗口的最上一个窗口打开链接 。
下面代码实现了在当前窗口打开链接:


js中的window.open方法如何使用

文章插图

4window.open()方式第三个参数本家儿要用于设置窗口的属性 , 例如 , 以固定的宽度和高度窗口打开链接 , 代码如下:


js中的window.open方法如何使用

文章插图

5window.open()方式第三个参数不仅可以设置打开窗口的宽高 , 并且还可以设置其他的窗口属性 。 如下图 , 各个属性用逗号毗连 。

js中的window.open方法如何使用

文章插图

6windw.open()方式在一个函数内可以挪用多次 , 例如 , 下面代码实现了点击按钮 , 打开两个窗口 。


js中的window.open方法如何使用

文章插图

7【js中的window.open方法如何使用】windw.open()方式不仅可以在js函数内利用 , 还可以直接在html标签上由事务挪用 , 例如 , 下面代码在button标签内利用onclick点击事务挪用window.open()方式 。


js中的window.open方法如何使用

文章插图

以上内容就是js中的window.open方法如何使用的内容啦 , 希望对你有所帮助哦!

    推荐阅读