手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-14 13:22:31

1、新建一个html页面,命名为test.html,用于讲解window.open方法的详细使用。

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

2、window.pen()方法的参数可以为任意的网址,默认情况下,是在新的浏览器窗口打开链接地址。例如 ,下面代码实现了点击按钮,在新窗口打开百度网站的首页。

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

3、window.pen()方法第一个参数是网址,第弛阻廖娓二个参数是打开方式设置,主要有以下几种:_blank :在新窗口打开链接。_parent :在父框架窗口打开链接。_self :在当前的窗鄹绦谟嚣口打开链接。_top : 在框架窗口的最上一个窗口打开链接。下面代码实现了在当前窗口打开链接:

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

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

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

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

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

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

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

7、windw.open()方法不仅可以在js函数内捂执涡扔使用,还可以直接在html标签上由事件调用,例如,下面代码在button标签内使用onclick点击事件调用window.open()方法。

js中的window.open方法如何使用
© 手抄报圈