如何打开一个新的 html 页面以及一键点击链接
[英]How to open a new html page and also a link at one button click
问题描述
所以，我想做的是打开我在href中提供的 URL，同时打开一个新的 html 页面。 单击按钮时，它会导致新的 window 中的 URL 和target="_blank" 。 但是我想做的是在新的window中打开链接，同时在之前的window中打开一个新的HTML页面。
下面是我的代码，
<li class="search-li">
<div class="collapsible-header collapsible-noborder sakura-lighter-bg">
<i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST
</div>
<div class="collapsible-body collapsible-noborder sakura-midlight-bg">
<button class="primary download">
<a id="buttton1" class="buttton7" target="_blank" href="example.com">Download</a>
</button>
</div>
</li>
5 个解决方案
解决方案1
4 已采纳 2020-07-29 07:23:14
像这样的东西
单击将使用 data-href 打开一个新的 window 并使用 href 更改现有的 window
window.addEventListener("load", function() { document.getElementById("button1").addEventListener("click", function() { window.open(this.getAttribute("data-href"), "_blank") }) })
<li class="search-li"> <div class="collapsible-header collapsible-noborder sakura-lighter-bg"> <i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST </div> <div class="collapsible-body collapsible-noborder sakura-midlight-bg"> <a id="button1" class="primary download button7" data-href="https://example1.com" href="https://example2.com">Download</a> </div> </li>
解决方案2
1 2020-07-29 07:22:07
您需要使用 window.open() 方法。
<li class="search-li"> <div class="collapsible-header collapsible-noborder sakura-lighter-bg"> <i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST </div> <div class="collapsible-body collapsible-noborder sakura-midlight-bg"> <button class="primary download"> <a onclick="window.open('http://google.com');" id="buttton1" class="buttton7" href="https://www.w3schools.com" >Download</a> </button> </div> </li>
解决方案3
1 2020-07-29 07:47:57
下面应该做的工作：
<a onclick="window.open('http://google.com');" id="buttton1"
class="buttton7" href="http://yahoo.com">Download</a>
不需要_blank ，因为window.open()为我们做了这个，而当前的 window 从href属性更新了它的位置
解决方案4
1 2020-07-29 09:11:35
你可以使用这个
<button onclick="window.location.href='page2.html'">Go to another page in your folder</button>
或者你可以使用这样的链接
<button onclick="window.location.href='https://example.com/'">Go to another page in an URL</button>
解决方案5
-1 2020-07-29 07:42:25
<.DOCTYPE html> <html> <body> <li class="search-li"> <div class="collapsible-header collapsible-noborder sakura-lighter-bg"> <i class="fa fa-mobile-alt" aria-hidden="true"></i>TEST LIST </div> <div class="collapsible-body collapsible-noborder sakura-midlight-bg"> <button class="primary download"> <a id="buttton1" onmouseup="window.location.replace('/blank;html')." class="buttton7" target="_blank" href="example.com">Download</a> </button> </div> </li> </body> </html>
单击html5中的按钮/链接时如何将一个页面导航到另一个页面
[英]how to navigate one page to another page when click on button/link in html5
如何在新窗口以及右键单击新选项卡/窗口中打开链接？
[英]How to open a link in a new window and also in a new tab/window with right click?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.