html点击按钮(button)打开新窗口(window)的几种情况

点击按钮(button)打开新窗口(window)的几种情况

2017-07-27 12:24:05 你若不在-我便走 阅读数 7113更多

分类专栏： Java Script

点击按钮(button)打开新窗口(window)

从事前端制作的朋友都有碰到过，需要点击按钮跳转到另外一个页面。只要用到简单的onclick事件就可以简单实现效果。

方式一：在原来的窗口上打开新窗口

<input type="button" value="点击我看看效果" οnclick="window.location='http://linlizhu.cn'" />

方式二：在新打开的窗口上打开新窗口

<input type="button" value="点击我看看效果" οnclick="window.open('http://linlizhu.cn')" />

方式三：在新打开的一块小窗口上打开新窗口，此窗口没有菜单栏window.showModalDialog('http://linlizhu.cn')

1. <input type="button" value="点击我看看效果"

2. οnclick="window.showModalDialog('http://linlizhu.cn')" />

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框，由于是对话框，因此它并没有

一般用window.open()打开的窗口的所有属性。