养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-10-19 06:26:35

在js中,window.open()方法常用于打开一个浏览器窗口,并打开设置的网址。下面详细介绍window.open方法的使用。

方法/步骤

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方法如何使用

© 一点知识