aラベルにhref="のいくつかの用法があります.

6507 ワード

周知のように、aラベルの最も重要な機能はハイパーリンクとアンカーを実現することである.また、ほとんどの人はaラベルの一番重要な役割はハイパーリンクを実現することです.今日はちょうどaラベルの書き方に出会ったので、aラベルの中のhrefのいくつかの用法を整理してみます.
一、Jsのいくつかの呼び出し方法(まとめを参照)
      1、a href=「javascript:jsmumethod()」       これはよく使われている方法ですが、この方法はthisなどのパラメータを伝える時に問題が発生しやすいです.また、javascript:プロトコルがaのhref属性である時には、不要なトリガwindow.onbeforeunloadイベントが発生するだけでなく、IEの中でgif動画像の放映を停止させます.W 3 C標準はhrefでjavascript文を実行することを勧めません.       2、a href=「javascript:void(0)」οnclick=「jsmumethod()」       この方法は多くのウェブサイトで最もよく使われている方法であり、最も周到な方法でもあります.Oclick方法はjs関数を実行する責任があります.voidはオペレーターであり、void(0)はundefinedに戻ります.アドレスはジャンプしません.また、この方法は、最初の方法のように、ブラウザのステータスバーに直接jsメソッドを露出しません.       3、a href=「javascript:」οnclick=「jsmumethod()」       この方法は2種類と似ていますが、違いは空のjsコードを実行しただけです.      4、a href=「𞃳」οnclick=「jsmumethod()」       この方法はネット上でよく見られるコードであり、ラベル内蔵の一つの方法であり、トップの役割を表しています.この方法でクリックしてからページの一番上に戻ります.     5、a href=「𞃳」οnclick=「jsmumethod();return false」       この方法はクリックしてjs関数を実行した後にreturn false、ページはジャンプが発生しないで、実行した後にそれともページの現在の位置にあります.
      上記を総合して、aでjs関数を呼び出すのに一番適した方法が推奨されています.

    
    
    
    
、href="#"

       a href="#" 。 , 。 , , 。


"font-size:14px;"><a href="#">     a>span>

    
    
    
    
三、href="URL"的作用

     1、URL为绝对URL

     此时指向另一个站点,比如href="http://write.blog.csdn.net",那么点击时就会直接跳转到这个链接的页面。

    2、URL为相对URL

     此时指向站点内的某个文件,比如href="/test.doc",那么点击时就会直接下载文件。

    3、锚 URL 

       此时指向页面中的锚,比如href="#top",那么点击时就会到当前页面中id="top"的这个锚点,实现当前页面的所谓跳转。用的最多就是在可滚动页面中,添加菜单,可以直接回到页面中的某个部分的内容。

即所有的三种代码样例:


    
    
    
    
  1. <a href="http://baidu.com"> a>
  2. <a href="#"> a>
  3. <a href="css/css1.css"> a>
 https://blog.csdn.net/u010297791/article/details/52784879