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

https://blog.csdn.net/qq_36409820/article/details/76180643

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

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

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

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

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

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

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

JS点击按钮打开新的独立页面相关推荐

通过点击按钮打开新的窗口
通过点击按钮打开新的窗口通过点击某个按键打开新的窗口,原来的窗口关闭或者不关闭: 主要语句 //创建新的界面 A a=new A(); //将新的界面展示出来,此参数设置为true A.setVis ...
点击按钮打开新页面（携带参数）
点击按钮打开新页面(携带参数) <el-button size="small" class="button-right" @click="cre ...
js 点击按钮打开浏览器新页签，兼容版
话不多说直接上代码,这是千辛万苦寻来的,帮助需要帮助的人. <html><head>点击按钮打开浏览器新页签</head><body><div o ...
vue点击按钮打开新页签，并传参
<div @click="btn">跳转 </div>btn() {let routeData = _this.$router.resolve({ path ...
微信公众号，点击按钮打开pdf文件流，安卓跳转到浏览器里下载，ios可预览但默认不能下载
微信公众号,点击按钮打开pdf文件流,安卓跳转到浏览器里下载,ios可预览但默认不能下载注:在pc上开始时采用这两种方式是没有效果的,或者打开的是空页面,但上线到公众号是没有问题的!!!!!!!!! ...
access窗体转换html,access点击按钮打开窗体
如何在 Access 2007 的窗体中实现点击按钮打开另一首先有4个名称分别为A.B.C.D的窗体,已经建立好了. 我新建了一个空打开一个Access数据库软件,可以打开已创建好的数据库,在[数据库 ...
js中点击按钮时变色，松开后恢复原来的颜色
js中点击按钮时变色,松开后恢复原来的颜色 // class.active{background: #1AB394;}//js<script type="text/javascript ...
如何在Firefox火狐浏览器点击链接打开新标签页、搜索、和书签
如何在Firefox火狐浏览器点击链接打开新标签页.搜索.和书签在新标签页打开网页上的链接(点击链接打开新标签页) 在新标签中打开搜索结果在新标签页打开书签打开Firefox火狐浏览器设置在F ...
Viewer.js点击按钮放大图片用法
1.Viewer.js点击按钮放大图片用法 <div onclick="getHideBig('hide_img_weight1')" id="btn_img_we ...
** Vue下js点击按钮元素左右滚动效果 **
** Vue下js点击按钮元素左右滚动效果 ** 小程序.前端交流群:609690978 先上效果图代码: <div id="classifyScroll" :class= ...

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

JS点击按钮打开新的独立页面相关推荐

最新文章

热门文章