手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > 后端开发 > javascript > javascript技巧 >JS点击按钮打开新的独立页面

JS点击按钮打开新的独立页面

时间:2020-02-29    点击: 次    发布者:佚名 - 小 + 大

点击按钮(button)打开新窗口(window)
从事前端制作的朋友都有碰到过,需要点击按钮跳转到另外一个页面。只要用到简单的onclick事件就可以简单实现效果。
方式一:在原来的窗口上打开新窗口
 

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

  方式二:在新打开的窗口上打开新窗口
 
  1. <input type="button" value="点击我看看效果" onclick="window.open('http://linlizhu.cn')" />  


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

 

  1. <input type="button" value="点击我看看效果"  
  2.      onclick="window.showModalDialog('http://linlizhu.cn')" />  

 

window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有
一般用window.open()打开的窗口的所有属性。
 

上一篇:JS实现倒计时三秒钟跳转到新的页面

下一篇:点击“按钮”打开新的窗口,跳转到新的页面,按钮字号设置宋体18号



Copyright © 2020 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品