Question

我正在尝试使用JavaScript点击网站中的<a>标记，但是当我点击此标记网页显示窗口时，这不起作用。我想用JavaScript做。

HTML CODE是：

<div id="r123">
  <a class="simple-button" target="_parent" href="javascript:window('open/?id=', '123')">
    <div class="icon"/>
     <span>click</span>
   </a>
 </div>

我编写此代码以在JavaScript中测试它：

document.getElementById("r123").firstChild.click();

但这不起作用。

有人可以帮帮我吗？

Answer 1

正确答案是：的document.getElementById（＆＃34; R123＆＃34）。firstElementChild.click（）

Answer 2

我认为你最好的选择是创建一个执行你想要的任务的Javascript函数。然后，您可以让<a>标记调用该函数，并在JavaScript中调用相同的函数。

所以你要做一个功能：

function openNewWindow() {
    window('open/?id=', '123');
}

然后您的<a>标记为：

<a href="#" onclick="openNewWindow()">

当然，您可以随时通过其他JavaScript调用openNewWindow。

Answer 3

您可以通过以下方式点击href直接打开页面：

<body>

<h3>A demonstration of how to access an A element</h3>

<a id="myAnchor" href="example.com" target="_blank">Tutorials</a>

</body>

或者你可以用这种方式添加看起来像href的按钮：

<body>
<button class="btn" onclick="myFunction()" >Try it</button>

<p id="demo"></p>

<script>
    function myFunction() {
        window.open("example.com");
    }
</script>
    <style>
        .btn{
            outline:none;
            text-decoration:underline; 
            color:blue;
            border:none;
            background-color:transparent;
            cursor:pointer;
        }
    </style>
</body>

使用javascript模拟单击以在网页中打开窗口

3 个答案: