我是 html 新手，需要帮助修复此按钮代码，我想要一个可以一次打开 3 个在线选项卡的按钮，但遇到了麻烦

问题描述 投票：0回答：1

现在我对 html 不太有经验，我想恶作剧我的朋友，我想要一个按钮来打开 Weezer 的“Buddy Holly”、rick astly 的“Never Gonna Give You Up”以及 Josh Hutcherson 口哨模因链接所有内容同时，这是我到目前为止的代码：

<!DOCTYPE html>
<html>
<head>
    <title>Link Button</title>
</head>
<body>

    <!-- Button that links to a website -->
    <a href="https://www.youtube.com/watch?v=Kjr7US2Z9aY">
    <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">
    <a href="https://www.youtube.com/watch?v=Z3J_MCbwaJ0">
        <button>Go to Example Site</button>
    </a>

</body>
</html>

如果我能得到一些帮助，我将不胜感激，如果您有一些改进的笔记，我很乐意听到。

我写的，它只打开了三个链接之一。

html button
1个回答
0
投票

这是 HTML 代码的更新版本，其中包含 JavaScript 函数，单击按钮时会打开指定的链接。

请注意，现代浏览器可能会阻止弹出窗口，因此请确保您的浏览器设置允许从网站打开弹出窗口。

<button onclick="openLinks()">Go to Example Site</button>
  <script>
    function openLinks() {
        window.open("https://www.youtube.com/watch?v=Kjr7US2Z9aY");
        window.open("https://www.youtube.com/watch?v=dQw4w9WgXcQ");
        window.open("https://www.youtube.com/watch?v=Z3J_MCbwaJ0");
    }
</script>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.