href onclick无法正常工作

时间:2018-03-23 14:56:08

标签: javascript html

我有这一行:

[]

我需要用onclick替换href但保留设计等,这是失败的,当鼠标悬停在'Contact'时它没有显示小手创造“联系”它的正文文字的感觉,css也丢失了:

<li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542"><a href="contact-us/index.html">Contact </a></li>

如何解决? window.smoothScroll代码:

<li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542" onclick="smoothScroll(document.getElementById('second'))">Contact</li>

3 个答案:

答案 0 :(得分:0)

onclick 工作一个按钮标记

实施例: 单击按钮时执行JavaScript:

<button onclick="myFunction()">Click me</button>

Ref

答案 1 :(得分:0)

你可以用多种方式做,有些是我在下面创建的。通过保持href =“#”和onClick事件锚标记或通过onclick直接给li标记链接。用于验证onclick我在onClick上更改“联系人”的文本颜色。

    <li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542" 
    onclick="smoothScroll()"> Contact </li>


    <li id="menu-item-1542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1542">
<a href="#" onclick="smoothScroll()">Contact</a></li>


    <script>

    function smoothScroll (){

    console.log('inside method');
    document.getElementById('second');
    document.getElementById("menu-item-1542").style.color = "red";

    }

    </script>

答案 2 :(得分:0)

添加答案,可以将其标记为已关闭:

JS有点矫枉过正,用纯HTML可以达到同样的效果:

<a href="#my-div">My link</a>

<div id="my-div">content</div>

这会将页面跳转到#my-div点击