Question

我有两个按钮，两个按钮都没有链接，并且想在单击另一个按钮时将链接添加到其中一个。如何通过onclick使一个按钮为页面上的其他内容提供链接属性？如果不是按钮，也许是div？

以下是我当前的代码：

<div class="container">
<div class="jumbotron" style="background-color:#000000 !important;">
<img id="myImage" src="images/closed.png" style="width:100%">
<p id="texthere"></p>
<div class="container">
<div class="row">
    <div class="col">
        <button onclick="document.getElementById('myImage').src='images/open.png'" class="btn btn-primary active btn-block">Open Eyes</button>
    </div>
<div class="col">
    <button onclick="document.getElementById('myImage').src='images/closed.png'"class="btn btn-primary active btn-block">Close eyes</button>
</div>
</div>
</div>

预先感谢您的帮助。

*经编辑以澄清问题并提出疑问。

Answer 1

我认为您可能对HTML链接的工作方式感到困惑。 HTML的元素带有a标签，用户可以单击这些元素以转到其他URL。（更糟糕的选择）是使用onclick处理程序通过设置window.location的值来重定向用户。

要创建在页面上创建链接的按钮，请在正文底部放置一个script标签，该标签将侦听器附加到按钮上，该按钮在被调用时将链接放置在页面上。

<script type="text/javascript">
    var button = document.getElementById('my-button'); // This button has to exist.
    button.addEventListener('click', function() {
        var link = document.createElement('a');
        link.href = 'google.com'; // Or wherever you want the link to point.
        document.body.appendChild(link);
    });
</script>

使用js onclick在一个按钮上注入链接到另一个

1 个答案: