成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

href的那些事

rose / 3149人閱讀

摘要：看個(gè)問題此時(shí)的值是什么呢帶著這樣的疑問，開始今天的話題的那些事。問題分析為什么會(huì)有這個(gè)問題呢上周在項(xiàng)目中，會(huì)對(duì)頁面標(biāo)簽綁定些事件，會(huì)用到內(nèi)容?？偨Y(jié)寫在最后，對(duì)于的事情還不完整，歡迎補(bǔ)充補(bǔ)充。

看個(gè)問題test,此時(shí)href的值是什么呢？帶著這樣的疑問，開始今天的話題‘href的那些事’。

問題分析

為什么會(huì)有這個(gè)問題呢？
上周在項(xiàng)目中，msui會(huì)對(duì)頁面a標(biāo)簽綁定些事件，會(huì)用到href內(nèi)容。href=""這么寫，就會(huì)一直報(bào)錯(cuò)。因?yàn)闉g覽器此時(shí)獲取到的href的值當(dāng)前頁面絕對(duì)路徑。此時(shí)就會(huì)導(dǎo)致msui內(nèi)部一直報(bào)錯(cuò)。

href的定義

w3c的定義

The href attribute on a and area elements must have a value that is a valid URL potentially surrounded by spaces.
Note：The href attribute on a and area elements is not required; when those elements do not have href attributes they do not create hyperlinks.

翻譯過來大概的意思：

a和area標(biāo)簽上的href屬性，必須是一個(gè)有效的RUI地址
a和area標(biāo)簽不一定有href屬性，沒有href就不會(huì)觸發(fā)超鏈接的特點(diǎn)
RUL

w3c的定義

A string is a valid non-empty URL if it is a valid URL but it is not the empty string.
A string is a valid URL potentially surrounded by spaces if, after stripping leading and trailing whitespace from it, it is a valid URL.
A string is a valid non-empty URL potentially surrounded by spaces if, after stripping leading and trailing whitespace from it, it is a valid non-empty URL.

挺拗口的，翻譯不出來了！

可以理解其中一點(diǎn)就是一個(gè)合法的URL不能為空?？磥磉@個(gè)URL可以多帶帶做個(gè)專題學(xué)習(xí)了。

解決問題

從href和URL上的定義就能很好的解決最開始的問題了。href=""這種寫法是不合理的，瀏覽器自身會(huì)對(duì)此情況做些兼容，默認(rèn)是頁面的絕對(duì)地址了。

繼續(xù)深挖href

href內(nèi)容不僅僅只能是表現(xiàn)成鏈接，還有很多種用法。

錨點(diǎn) 
頭部

這種方式經(jīng)常用于定位。相信很多人都知道這種用法。

script

我相信很多頁面上有大量的這種代碼。用href來執(zhí)行腳本。

郵件 
發(fā)郵件給我
tel電話 
打電話給我
sms信息 
發(fā)信息給我

除此之外，還支持ftp,file等。

下載文件

最后還有個(gè)技巧就是利用href來下載文件，這個(gè)是html5新增的。

最近有個(gè)需求，考慮通過前端來下載表格數(shù)據(jù)。
利用href和download屬性。

這里只要將URL表現(xiàn)成數(shù)據(jù)格式"data:text/csv;charset=utf-8,ufeff"+表格數(shù)據(jù)。這個(gè)等完成之后，再寫個(gè)詳細(xì)點(diǎn)的教程。

總結(jié)

寫在最后，對(duì)于href的事情還不完整，歡迎補(bǔ)充補(bǔ)充。

原文地址http://xiaoqiang730730.github.io/2016/07/17/href%E9%82%A3%E4%BA%9B%E4%BA%8B/

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/49948.html

相關(guān)文章

  • 瀏覽器端下載那些事

    摘要：三瀏覽器方式相信大家對(duì)這個(gè)對(duì)象也不太陌生，它是標(biāo)準(zhǔn)里的一個(gè)二進(jìn)制數(shù)據(jù)對(duì)象，可以與對(duì)象配合，進(jìn)行文件的下載。其實(shí)這樣一個(gè)簡單的，就可以實(shí)現(xiàn)瀏覽器端自己的下載了。 一、背景 最近寫了一個(gè)react的組件，用來做文件導(dǎo)出。環(huán)境是ie10+。細(xì)一點(diǎn)說，就是 1、讀取form里的數(shù)據(jù) 2、向服務(wù)端發(fā)請(qǐng)求，并下載文件；要求拿到請(qǐng)求狀態(tài)，如果出錯(cuò)及時(shí)反饋給用戶。 第一個(gè)需求，我們借用了jquer...

    3fuyu 評(píng)論0 收藏0

  • 關(guān)于HTML的那些事

    摘要：標(biāo)準(zhǔn)模式的排版和運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。搜索引擎的爬蟲也依賴于標(biāo)記來確定上下文和各個(gè)關(guān)鍵字的權(quán)重，有利于使閱讀源代碼的人更容易將網(wǎng)站分塊，便于閱讀，維護(hù)和理解。 HTML基礎(chǔ)知識(shí) meta標(biāo)簽 doctyp...

    Zachary 評(píng)論0 收藏0

  • cookie和session那些事

    摘要：服務(wù)器生成的用以標(biāo)識(shí)客戶信息的一般被稱為而通過一些手段獲取其它用戶的攻擊就叫劫持設(shè)置一個(gè)搞掂了 cookie history cookie最初是由網(wǎng)景公司開發(fā)的,現(xiàn)在所有主要的瀏覽器都支持它. type cookie分為兩種:會(huì)話cookie和持久cookie. 會(huì)話cookie是一種臨時(shí)的cookie,它記錄用戶的訪問站點(diǎn)的設(shè)置偏好.用戶在退出瀏覽器就會(huì)被刪除. 持久cookie是存...

    xiaoxiaozi 評(píng)論0 收藏0

  • cookie和session那些事

    摘要：服務(wù)器生成的用以標(biāo)識(shí)客戶信息的一般被稱為而通過一些手段獲取其它用戶的攻擊就叫劫持設(shè)置一個(gè)搞掂了 cookie history cookie最初是由網(wǎng)景公司開發(fā)的,現(xiàn)在所有主要的瀏覽器都支持它. type cookie分為兩種:會(huì)話cookie和持久cookie. 會(huì)話cookie是一種臨時(shí)的cookie,它記錄用戶的訪問站點(diǎn)的設(shè)置偏好.用戶在退出瀏覽器就會(huì)被刪除. 持久cookie是存...

    hedzr 評(píng)論0 收藏0

  • 聊聊BOM的那些事

    摘要：如果省略該參數(shù)，取默認(rèn)值該方法的返回值是一個(gè)正整數(shù)，表示定時(shí)器的編號(hào)。 BOM BOM的全稱是Browser Object Model，被譯為瀏覽器對(duì)象模型BOM提供了獨(dú)立于HTML頁面內(nèi)容，而與瀏覽器相關(guān)的一系列對(duì)象，主要被用于管理瀏覽器窗口及與瀏覽器窗口之間通信等功能BOM由一系列對(duì)象構(gòu)成，這些對(duì)象可以簡單理解為是由各個(gè)瀏覽器所提供的 Window對(duì)象 BOM中最核心的對(duì)象就是Wi...

    widuu 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<