Question

我是网络开发的新手

我需要知道如何为无序列表中的元素设置onclick（）属性

这是我的代码：

<ul id = "headlist">
      <li>Home</li>
      <li>Gallery</li>
      <li>Downloads</li>
</ul>

如何为元素设置onclick属性，并根据列表中的项目，点击应该将用户带到特定的网页

Answer 1

你的HTML有点不对，这样的事情怎么样：

<ul id = "headlist">
      <li><a href="link-to-the-page">Home</a></li>
      <li><a href="link-to-the-page">Gallery</a></li>
      <li><a href="link-to-the-page">HomeDownloads/a></li>
</ul>

Answer 2

在列表中，实际列表项必须位于<li>标记内，如：

<ul id = "headlist">
      <li>Home</li>
      <li>Gallery</li>
      <li>Downloads</li>
</ul>

如果您希望列表项打开另一个页面，最简单的方法是链接：

<li><a href="http://google.com">Link Here</a></li>

但是，如果你想用JS做，这里有一个选项：

<li onclick="window.location='http://google.com'">Link Here</li>

或者，如果你想缩短它：

<script>
    function link(src){
    window.location=src;
    }
</script>

<li onclick="link('http://google.com')">Link Here</li>

为un ordered list设置onclick（）属性

2 个答案: