如何使此功能在新选项卡中打开链接？我在某处读到我应该使用锚元素而不是使用 JS 打开链接。<h1 onclick="randomSite();">Click<br>Me</h1> <script> var sites = [ 'www.google.com', 'www.youtube.com', 'www.facebook.com', 'www.stackoverflow.com' ]; function randomSite() { var i = parseInt(Math.random() * sites.length); location.href = sites[i]; }</script>
5 回答
POPMUISE
TA贡献1765条经验 获得超5个赞
替换location.href为window.open，并使用'_blank'如下：
window.open(sites[i],'_blank');
大话西游666
TA贡献1817条经验 获得超14个赞
<h1 onclick="randomSite();">Click<br>Me</h1>
<script>
var sites = [
'http://www.google.com',
'http://www.youtube.com',
'http://www.facebook.com',
'http://www.stackoverflow.com'
];
function randomSite() {
var i = parseInt(Math.random() * sites.length);
window.open(sites[i], '_blank');
}
</script>
12345678_0001
TA贡献1802条经验 获得超5个赞
可以设置一个像这样的简单结构来执行这个
<body>
<p>Click the button to open a new tab </p>
<button onclick="NewTab()">
Open Google
</button>
<script>
function NewTab() {
window.open( "https://www.google.org", "_blank");
}
</script>
</body>
</html> ```
陪伴而非守候
TA贡献1757条经验 获得超8个赞
在您的randomSite()功能交换location.href = sites[i]; 中：
window.open('http://' + sites[i],'_blank');
也许您可以以某种方式使用 location.href 命令，我不熟悉它。但是打开一个窗口是直截了当的，如果您添加属性“_blank”，它将在新选项卡中打开。
30秒到达战场
TA贡献1828条经验 获得超6个赞
创建一个新的HTMLAnchorElement并使用它的click方法（不是click事件）：
function onHeadingClicked( e ) {
const a = document.createElement( 'a' );
a.target = '_blank';
a.href = getRandomUrl();
a.click();
}
<h1 onclick="onHeadingClicked(event)">Click me</h1>
添加回答
举报
0/150
提交
取消