1. 程式人生 > >凜冬之翼--- a href= ‘javascrip’和this.src=this.src+'?'+Math.random()

凜冬之翼--- a href= ‘javascrip’和this.src=this.src+'?'+Math.random()

今天在隨機生成驗證碼圖片的時候遇到了兩個有意思的程式碼:
1.

 <img src="verify.php"onclick="this.src=this.src+'?'+Math.random()">
  <a href="javascript:;"></a>

下面來分別解釋他們的含義:
1.一開始看到這個程式碼很困惑表示不知道為什麼要在this.src後面加上問號,還要加上一個Math.random來生成隨機數字。後來才領悟了原來這張圖片的原來屬性是src,onclick觸發函式即點選一次後可能變成src?0.3之類再點選一次變成src?0.3?0.5以此類推。為什麼要這樣做是因為每次生成圖片前端程式碼會偷懶把src屬性的圖片放到快取裡面,如果再點選一次發現還是src屬性於是網頁就會把之前的圖片拿出來,所以無法完成點選一次換一次圖片。有了這樣一個程式碼就可以實現每次都是不同的屬性值去請求verify.php這個檔案啦,就是每次都是不同的驗證碼圖片哦。

2.href=的意思是超連結,href=javascript就是表示我連結到一個空的js檔案就是什麼都不做的意思,這個程式碼有時候用在圖片很多連結很多的網頁上防止使用者不小心點到其他的頁面上去,增加使用者體驗