您当前的位置:首页 > 编程技术

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

时间:2021-07-26 16:43:08  来源:网络    编辑:本站  点击:

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

点赞
返回首页
返回
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
栏目导航

| 传统文化 | 武术天地 | 编程技术 | 好听音乐 | 养生中医 | 智慧人生 | 常用工具 | 写作园地 | 影视娱乐 | php专栏 | 道德经专栏 |
最新推荐
python内建函数大全(built-in functions)
python内建函数大…
点击按钮(button)打开新窗口(window)
点击按钮(button)…
帝国cms网络视频引用代码--具体操作教程
帝国cms网络视频引…
相关文章
栏目更新
栏目热门