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

时间:2024-02-21 18:19:32

点击按钮(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()打开的窗口的所有属性。