六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

html中a標簽href=""的幾種用法說明

[摘要]眾所周知,a標簽的最重要功能是實現超鏈接和錨點。而且,大多數人認為a標簽最重要的作用是實現超鏈接,今天我剛好碰到a標簽的一種寫法<a href="javascript:;"></a>,所以就來整理下a標簽中href的幾種用法。一、Js的幾種調用方法(參考...
眾所周知,a標簽的最重要功能是實現超鏈接和錨點。而且,大多數人認為a標簽最重要的作用是實現超鏈接,今天我剛好碰到a標簽的一種寫法<a href="javascript:;"></a>,所以就來整理下a標簽中href的幾種用法。

一、Js的幾種調用方法(參考總結的)

1、

a href="javascript:j
s_method();"

這是常用的方法,但是這種方法在傳遞this等參數的時候很容易出問題,而且javascript:協議作為a的href屬性的時候不僅會導致不必要的觸發window.onbeforeunload事件,在IE里面更會使gif動畫圖片停止播放。W3C標準不推薦在href里面執行javascript語句
2、

 a href="javascript:void(0);" onclick="js_method()"

這種方法是很多網站最常用的方法,也是最周全的方法,onclick方法負責執行js函數,而void是一個操作符,void(0)返回undefined,地址不發生跳轉。而且這種方法不會像第一種方法一樣直接將js方法暴露在瀏覽器的狀態欄。
3、

a href="javascript:;" onclick="js_method()"

這種方法跟跟2種類似,區別只是執行了一條空的js代碼。
4、

a href="#" onclick="js_method()"

這種方法也是網上很常見的代碼,#是標簽內置的一個方法,代表top的作用。所以用這種方法點擊后網頁后返回到頁面的最頂端。

5、

a href="#" onclick="js_method();return false;"

這種方法點擊執行了js函數后return false,頁面不發生跳轉,執行后還是在頁面的當前位置。
綜合上述,在a中調用js函數最適當的方法推薦使用:

<a href="javascript:void(0);" onclick="js_method()"></a>
<a href="javascript:;" onclick="js_method()"></a>
<a href="#" onclick="js_method();return false;"></a>

二、href="#"的作用

a中href="#"表示回到最頂部。如果當前頁面中需要滾動的話,那么用這種方式就可以直接回到頂部。比如有些網站會在右下角制作一個圖標按鈕,回到頂部,那么此時可以考慮用這種最簡單的方式實現。

<span style="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"的這個錨點,實現當前頁面的所謂跳轉。用的最多就是在可滾動頁面中,添加菜單,可以直接回到頁面中的某個部分的內容。

即所有的三種代碼樣例:

<a href="http://baidu.com">超鏈接</a>
<a href="#">回到最頂端</a>
<a href="css/css1.css">文件鏈接</a>

以上就是html中a標簽href=""的幾種用法介紹的詳細內容,更多請關注php中文網其它相關文章!


網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。




主站蜘蛛池模板: 欧美视频在线免费看 | 热热影院 | 人人揉揉揉人人捏人人看 | 日本在线观看永久免费网站 | 宅男噜噜噜66网站久久 | 欧美综合中文字幕久久 | 日韩专区中文字幕 | 日日爽夜夜操 | 天堂影院 | 亚洲大片免费看 | 色噜噜狠狠色综合日日 | 亚洲www视频 | 亚洲网在线 | 亚洲综合中文网 | 四虎www免费人成 | 天天射天天干天天插 | 四虎出品 | 日本高清视频色www在线观看 | 性生活视频欧美 | 欧美在线中文字幕高清的 | 日本香蕉一区二区在线观看 | 亚洲国产成人久久综合野外 | 午夜啪啪片 | 亚洲视频在线观 | 又硬又粗又长又爽免费看 | 亚洲国产欧美在线人成精品一区二区 | 日本成人免费 | 天堂综合网 | 日本一卡2卡3卡四卡精品 | 亚洲精品在线第一页 | 亚洲伊人久久大香线蕉在观 | 情侣视频精品免费的国产 | 午夜性刺激免费视频观看不卡专区 | 欧美整片第一页 | 亚洲无限乱码一二三四区 | 一级做a爰片性色毛片视频图片 | 在线观看免费黄视频 | 青春草在线观看视频 | 最近新免费韩国视频资源 | 一二三四影视在线看片 | 天堂精品 |