1. 程式人生 > >a標簽之href="javascript:void(0)"

a標簽之href="javascript:void(0)"

tro 分析 for scrip 括號 char round 一個 註意

記錄下這個之前頁面一直有問題也找不到什麽原因後來發現了這個,提醒自己以後不再掉這坑。

<p class="q_map">
<a href="javascript:void(0)" onclick="badMap();">質差地圖</a>
</p>

這裏如果不註意寫成 <a href="" onclick="badMap();">質差地圖</a>的話badMap()彈出來的頁面去掉後頁面的雷達圖有問題,

原因分析:

1.javascript:void(0) 中最關鍵的是 void 關鍵字, void 是 JavaScript 中非常重要的關鍵字,該操作符指定要計算一個表達式但是不返回值。

2.<a href="javascript:void(alert(‘Warning!!!‘))">點我!</a>這個會彈出警告信息

3.

href="#"與href="javascript:void(0)"的區別

# 包含了一個位置信息,默認的錨是#top 也就是網頁的上端。

而javascript:void(0), 僅僅表示一個死鏈接。

在頁面很長的時候會使用 # 來定位頁面的具體位置,格式為:# + id

技術分享圖片
<html> 
<he
<p>點擊以下按鈕查看結果:</p>
<form>
<input type="button"
value="點我" onclick="getValue();" /> </form> </body> </html>ad> <meta charset="utf-8"> <title>菜鳥教程(runoob.com)</title> <script type="text/javascript"> function getValue(){ var a,b,c; a = void ( b = 5, c = 7 ); document.write(a = + a + b =
+ b + c = + c ); } </script> </head> <body> <p>點擊以下按鈕查看結果:</p> <form> <input type="button" value="點我" onclick="getValue();" /> </form> </body> </html>
View Code

void()僅僅是代表不返回任何值,但是括號內的表達式還是要運行。

a標簽之href="javascript:void(0)"