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

 时间:2026-02-12 16:03:14

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

  • jquery如何实现鼠标放上div时改变其大小
  • js如何取消checkbox选
  • eclipse配置svn
  • jQuery点击获取多个input中的value值
  • MyEclipse配置JDK的步骤
  • 热门搜索
    台山旅游 欣欣旅游网 甘孜旅游 环球旅游 浙西大峡谷旅游攻略 旅游帐篷 旅顺旅游 云南旅游指南 无锡旅游商贸高等职业技术学校 南浔古镇旅游攻略