Javascript 为未排序列表设置onclick()属性

Javascript 为未排序列表设置onclick()属性,javascript,html,css,Javascript,Html,Css,我是网络开发新手 我需要知道如何为无序列表中的元素设置onclick()属性 这是我的密码: <ul id = "headlist"> <li>Home</li> <li>Gallery</li> <li>Downloads</li> </ul> 家 画廊 下载 如何为元素设置onclick属性,并基于列表中的项目,单击应将用户带到特定网页您的HTML有点错

我是网络开发新手

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

这是我的密码:

<ul id = "headlist">
      <li>Home</li>
      <li>Gallery</li>
      <li>Downloads</li>
</ul>
  • 画廊
  • 下载

如何为元素设置onclick属性,并基于列表中的项目,单击应将用户带到特定网页

您的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>
  • 家庭下载/a>

在列表中,实际的列表项需要位于标签中,如:

<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>
    
    
    功能链接(src){
    window.location=src;
    }
    
  • 链接到此

  • 您缺少
  • 标签!在跳进JS烤箱之前,确保你烤得很好…为什么不使用链接呢?你的HTML不是有效的HTML。此外,请告诉我们您的研究和尝试,html中已有大量关于单击处理程序的信息。