• href="#"和href=”javascript:"的区别


    1.<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。href="javascript:",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:可以实现A标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。

    href="javascript:" 这本身就是一条空语句。简单的说就是这个a标签点击链接失去作用了

    2.href="javascript:" 主要作用让它有超链接样式的作用 ,看起来像个按钮,有操作不是文本,事实上是链接到一个空语句,一般设置onclick事件。

    在html中 标签表示 是一个超链接 

    1一般作用的跳转页面 需要设置跳转的页面就是 在href属性中设置要跳转的地址

    2.作为一个按钮使用,可以点击 但是不跳转页面而是做其他处理,就需要设置href 属性为javascript:

    a 标签做按钮使用不跳转页面 

    javascript:表示这是一个空连接。点击之后没任何反应。
    类似的是#,但是一个#点击之后页面很长的情况下会会滚到顶部;而javascript:是没有这种问题的。经过测试他还是在当前位置。
    当然###这样的效果就跟javascript:一样了
    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
        <style>
          #div1
          {
            height: 1000px;
            width: 300px;
            background: #cccccc;
          }
    
        </style>
    </head>
    <body>
    <div id="div1"></div>
    <ul id="ull">
        <li>23235<a href="#">隐藏</a></li>
        <li>2sfwfef<a href="#">隐藏</a></li>
        <li>2dfkfdk5<a href="#">隐藏</a></li>
        <li>jdieow5<a href="###">隐藏</a></li>
        <li>eofod5<a href="javascript:">隐藏</a></li>
    
    </ul>
    <script>
        var oUl = document.getElementById('ull');
        var aA = oUl.getElementsByTagName('a');
        for(var i=0;i<aA.length;i++)
        {
            aA[i].onclick = function ()
            {
                this.parentNode.style.display = 'none';
            };
        }
    
    
    </script>
    
    </body>
    </html>

     

  • 相关阅读:
    表单
    html 基础代码
    thread
    流的存入读取
    异常

    Android——多线程编程练习题
    Android——进度对话框
    安卓3个练习题
    Android—对话框
  • 原文地址:https://www.cnblogs.com/zhuni/p/4702485.html
Copyright © 2020-2023  润新知