1、新建一个html页面,命名为test.html,用于讲解window.open方法的详细使用。
2、window.pen()方法的参数可以为任意的网址,默认情况下,是在新的浏览器窗口打开链接地址。例如 ,下面代码实现了点击按钮,在新窗口打开百度网站的首页。
3、window.pen()方法第一个参数是网址,第弛阻廖娓二个参数是打开方式设置,主要有以下几种:_blank :在新窗口打开链接。_parent :在父框架窗口打开链接。_self :在当前的窗鄹绦谟嚣口打开链接。_top : 在框架窗口的最上一个窗口打开链接。下面代码实现了在当前窗口打开链接:
4、window.open()方法第三个参数主要用于设置窗口的属性,例如,以固定的宽度和高度窗口打开链接,代码如下:
5、window.open()方法第三个参数不仅可以设置打开窗口的宽高,而且还可以设置其他的窗口属性。如下图,各个属性用逗号连接。
6、windw.open()方法在一个函数内可以调用多次,例如,下面代码实现了点击按钮,打开两个窗口。
7、windw.open()方法不仅可以在js函数内捂执涡扔使用,还可以直接在html标签上由事件调用,例如,下面代码在button标签内使用onclick点击事件调用window.open()方法。