亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

href的那些事

rose / 3216人閱讀

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

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

問(wèn)題分析

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

翻譯過(guò)來(lái)大概的意思：

a和area標(biāo)簽上的href屬性，必須是一個(gè)有效的RUI地址
a和area標(biāo)簽不一定有href屬性，沒(méi)有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.

挺拗口的，翻譯不出來(lái)了！

可以理解其中一點(diǎn)就是一個(gè)合法的URL不能為空。看來(lái)這個(gè)URL可以多帶帶做個(gè)專(zhuān)題學(xué)習(xí)了。

解決問(wèn)題

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

繼續(xù)深挖href

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

錨點(diǎn) 
頭部

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

script

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

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

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

下載文件

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

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

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

總結(jié)

寫(xiě)在最后，對(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://www.ezyhdfw.cn/yun/49948.html

相關(guān)文章

  • 瀏覽器端下載那些事

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

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

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

    摘要：標(biāo)準(zhǔn)模式的排版和運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。搜索引擎的爬蟲(chóng)也依賴(lài)于標(biāo)記來(lái)確定上下文和各個(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í)客戶(hù)信息的一般被稱(chēng)為而通過(guò)一些手段獲取其它用戶(hù)的攻擊就叫劫持設(shè)置一個(gè)搞掂了 cookie history cookie最初是由網(wǎng)景公司開(kāi)發(fā)的,現(xiàn)在所有主要的瀏覽器都支持它. type cookie分為兩種:會(huì)話(huà)cookie和持久cookie. 會(huì)話(huà)cookie是一種臨時(shí)的cookie,它記錄用戶(hù)的訪(fǎng)問(wèn)站點(diǎn)的設(shè)置偏好.用戶(hù)在退出瀏覽器就會(huì)被刪除. 持久cookie是存...

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

  • cookie和session那些事

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

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

  • 聊聊BOM的那些事

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

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

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

0條評(píng)論

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