整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JavaScript-a標簽“href”用“#”還是“javascript:void(0)”?

          a標簽額外有onclick事件時 , href的幾種情況.

          <a href="#" onclick="myJsFunc();">Link</a>
          <a href="javascript:void(0)" onclick="myJsFunc();">Link</a>
          <a onclick="myJsFunc();">Link</a>

          href帶值這可能是一種不好的做法。

          原因如下:

          1. 它促進了侵入性 JavaScript 的實踐 - 結果證明它難以維護且難以擴展。在Unobtrusive JavaScript 中有更多關于這方面的信息。
          2. 您將時間花在編寫極其冗長的代碼上——這對您的代碼庫幾乎沒有好處(如果有的話)。
          3. 現在有更好、更簡單、更易于維護和可擴展的方法來實現所需的結果。

          時我們會遇到這種需要在a標簽上添加click事件,并且跳轉前處理一些事務,因此需要做一些處理,看很多人會這樣寫

          <a href="#">link</a>,

          但是發現點擊后頁面返回了頂部,所以又出現了這樣的寫法等

          <a href="###">link</a>

          但這樣并不兼容所有瀏覽器,有些瀏覽器就會出現很怪異的形為。 因此,這個問題還需要其它方法來解決。

          方法一

          <a href="javascript:void(0)">百度</a>

          void是一個操作符,void(0)返回undefined,地址不發生跳轉

          <a href="javascript:;">百度</a>

          和以上相同,返回undefined

          方法二 用return false

          <a onclick="show()">百度</a> <script>

          function show(){

          alert("我沒跳轉");

          return false;

          }

          擊藍字 關注我們


          分享興趣,傳播快樂,增長見聞,留下美好!親愛的您,這里是Learning yard新學苑。今天小編為大家帶來《a標簽的使用方法》。

          Share interest, spread happiness, increase knowledge, and leave behind beauty! Dear you, this is Learning yard New Academy. Today, Xiaobian brings you "How to Use A Label".

          前端網頁的打開方式:

          一般用標簽a來引用例如<a href=”#”></a>填寫#的地方就是你需要跳轉的網站例如:

          How to open the front page:

          Generally, web pages are quoted by the label A, for example < a href = "#" > </a > The place where # is filled in is the website you need to jump to, for example:


          標簽中間寫字,就可以得到以下效果:

          里頭的字默認就是藍色,有下劃線。當然字體也可以調整可以通過css里的text-decoration:none,來取消下劃線,通過color來調整字體顏色。代碼效果如下

          The words in it are blue by default and underlined. Of course, the font can also be adjusted. You can cancel the underline by text-decoration: none in css, and adjust the font color by color. The code effect is as follows


          咱們再回到網站最重要的一點就是打開方式,用target來引用,樣式為<a href=”#” target=””></a>,其中有blank,在新的一個頁面打開,self,在本頁面打開(默認為)parent(在a里面打開,以后知識齊全再講)以及top 和framename最常用的就是前兩個。

          Let's go back to the website's most important point, which is how to open it. Use target to quote it, and the style is < a href = "#" target = "> </a >, among which blank, open on a new page, self, open on this page (default is) parent (open in A, we'll talk about it later), top and framename, and the most commonly used ones are the first two.

          總結如下:

          Summarize as follows:

          今天的分享就到這里了。如果您對今天的文章有什么獨特的想法,歡迎評論留言,讓我們相約明天,祝您今天過得開心快樂!

          That's it for today's sharing. If you have any unique ideas for today's article, please leave a comment, let us meet tomorrow, I wish you a happy day!

          LearningYard學苑

          分享興趣,傳播快樂,增長見聞,留下美好!少年易老學難成,一寸光陰不可輕

          本文由learningyard新學苑原創,如有侵權,請聯系刪除。

          翻譯來源:谷歌翻譯

          排版:李仕陽

          文本:李仕陽

          審核:閆慶紅


          主站蜘蛛池模板: 色婷婷av一区二区三区仙踪林| 国产美女一区二区三区| 国产伦精品一区二区三区视频金莲| 亚洲综合一区无码精品| 国产精品视频一区二区猎奇| 国产乱码精品一区二区三区四川人 | 日韩经典精品无码一区| 精品亚洲一区二区三区在线观看 | 一区二区福利视频| 性无码免费一区二区三区在线 | 91福利国产在线观看一区二区 | 亚洲性色精品一区二区在线| 亚洲高清美女一区二区三区| 欧美日韩精品一区二区在线视频| 国产麻豆剧果冻传媒一区| 国产福利一区二区精品秒拍| 精品国产AⅤ一区二区三区4区 | 美女视频免费看一区二区 | 人妻精品无码一区二区三区 | 无码国产精品一区二区免费模式| 中文字幕一区在线观看视频| 中文乱码字幕高清一区二区| 天美传媒一区二区三区| 一区二区三区伦理高清| 精品国产日产一区二区三区| 大香伊人久久精品一区二区| 亚洲AV成人精品日韩一区18p| 国偷自产一区二区免费视频| 无码夜色一区二区三区| 久久99国产一区二区三区| 无码精品尤物一区二区三区| 一区二区视频免费观看| 亚洲午夜精品一区二区公牛电影院 | 国产色综合一区二区三区 | 国产午夜精品片一区二区三区| 一区二区三区四区在线播放| 国产福利一区二区三区在线视频 | 蜜臀AV无码一区二区三区| 色噜噜AV亚洲色一区二区| 无码精品不卡一区二区三区| 一区二区三区四区免费视频|