Question

以下代码用于在点击元素<li>时导航到Google网页。

<li onclick="window.location='http://www.google.com';" style="cursor:pointer;">Google</li>

现在我有另一个<li>根据参数进入不同的网站。我试过这个

<script>
  document.write('<li onclick="window.location='http://www.google.com/mmm/yyy/' + random_variable +  'ddd/eee';" style="cursor:pointer;">Google</li>');
  </script>

这不行。我做错了什么？

Answer 1

您不想使用document.write。相反，您可以更改标签本身的属性。 onClick只是代码中的javascript，因此您可以替换变量

<li onclick="location.href='http://www.google.com/mmm/yyy/' + random_variable +  'ddd/eee';">Google</li>

有点乱。我个人会使用jQuery和常规<a>标记

使用Javascript / jQuery的

$(document).ready(function() {
    $('#someid').click(function(e) {
        e.preventDefault()
        location.href= 'http://google.com/' + random_variable;
    });
});

或者，如果您的随机变量可用于onload，则只需替换href属性

即可

$(document).ready(function() {
    $('#someid').attr('href','http://google.com/' + random_variable);
});

HTML

<li><a href="#" id="someid">Google</a></li>

Answer 2

var targetElement = document.getElementById("id");
targetElement.appendChild('<li>...</li>';

第一行找到要插入<li>的现有元素。第二行插入它。

具有可变URL的HTML onclick属性

2 个答案: