<a href='javacript:' title='{$str}'>是什麼意思(多看學習視頻)
1、總結
一句話總結:
一、javascript:是什麼?
僞協議,後面接javascript代碼javascript
二、href="javascript:;"和另外哪一個常見語句做用同樣?
href="javascript:void(0)"html
三、寫出四種常見的僞協議?
javascript: 是一個僞協議,其餘的僞協議還有 mail: tel: file: 等等java
四、a標籤的title是什麼意思,和圖片標籤的哪一個屬性比較像?
這個超連接描述性的信息,titile是標題,alt是圖片說明,函數
2、<a href='javacript:' title='{$str}'>是什麼意思
問題一:a href="javascript:" title="這裏填什麼"
<a href="javascript:" title="這裏填什麼"><img src="images/test/001.jpg" title="這裏填什麼" alt="這裏填什麼" /></a> ?學習
title中能夠填一些對這個超連接描述性的信息,好比title中寫「這是個超連接」,等打開網葉的時候光標停留在超連接上面就能看到這幾個字,也能夠用來幫助本身或他人瞭解這個鏈接的去向,好比在title中寫「百度」,你們一看到就知道這個連接是去百度的。沒有什麼實質的做用,能夠不用。
alt和title相似,當你打開某網站的時候看到圖片不能顯示,圖片框上會有描述性的文字,好比顯示「圖片」兩字,你就知道這個框原來是圖片,也會懸浮顯示,光標停留在上面也會顯示圖片兩字,alt裏設置什麼,就會顯示什麼。
titile是標題,alt是圖片說明
填這個沒有絕對的好處,只是對於搜索引擎來講,比較友好!網站
鼠標移動到連接或圖片上去想顯示什麼,就填寫什麼搜索引擎
問題二:href="javascript:;
<a id="jsPswEdit" class="set-item" href="javascript:;">修改密碼</a>
有一種說法是:href="javascript:;"會去解析<script></script>裏面的代碼,跟當前<a>標籤有關的就會執行,.沒關的就跳過。
是否是這樣理解呢?spa
<a> 標籤的 href 屬性用於指定超連接目標的 URL,href 屬性的值能夠是任何有效文檔的相對或絕對 URL,包括片斷標識符和 JavaScript 代碼段。
這裏的href="javascript:;",其中javascript:是僞協議,它可讓咱們經過一個連接來調用javascript函數.而採用這個方式 javascript:;能夠實現A標籤的點擊事件運行時,若是頁面內容不少,有滾動條時,頁面不會亂跳,用戶體驗更好。
javascript: 是一個僞協議,其餘的僞協議還有 mail: tel: file: 等等。code
1
|
<
a
id
=
"jsPswEdit"
class
=
"set-item"
href
=
"javascript:;"
>修改密碼</
a
>
|
javascript:是表示在觸發<a>默認動做時,執行一段JavaScript代碼,而 javascript:; 表示什麼都不執行,這樣點擊<a>時就沒有任何反應。視頻
通常在這種狀況下,會給<a>綁定一個事件回調,來執行業務,如:
1
2
3
4
|
document.getElementById(
'jsPswEdit'
).addEventListener(
'click'
,
function
(e) {
e.preventDefault();
// 當<a>觸發click時,處理業務
},
false
);
|
我能不能這樣理解:href="javascript:;"就是去掉a標籤的默認行爲,跟href="javascript:void(0)"是同樣的?
是同樣的
void 是JavaScript 的一個運算符,void(0)就是什麼都不作的意思
簡單來講,"javascript:"是另一種嵌套js代碼在網頁中的方法。
跟經過<script></script>標籤嵌套js代碼差很少。
如點擊下面連接會會執行"javascript:"後面的內容。不過不推薦這種寫法。
理由是使用<a>標籤href屬性一般是保存超連接,用來控制頁面轉向。
1
|
<
a
href = "javascript:alert(22);">點我</
a
>
|