標題含有非法字符，請修改(標題如下)
javascript:;與javascript:void(0)使用介紹(標題)
有時候我們在編寫js過程中，需要觸發事件而不需要返回值，那么就可能需要這樣的寫法。
注：以下代碼未經全面測試，但每一種方法可能會出現的情況都基本做了說明。
在做頁面時，如果想做一個鏈接點擊后不做任何事情，或者響應點擊而完成其他事情，可以設置其屬性 href = “#”，但是，這樣會有一個問題，就是當頁面有滾動條時，點擊后會返回到頁面頂端，用戶體驗不好。
目前有如下幾種解決辦法：
1)點擊鏈接后不做任何事情
復制代碼
1
2
3
4
5
6
7
8
復制代碼
1
window.location.href=""
href=”#”,包含了一個位置信息.默認的錨是#top,也就是網頁的上端，當連續快速點擊此鏈接時會導致瀏覽器巨慢甚至崩潰。當然我們一般用三個 href="###",不過看了這篇文章我們以后就可以使用javascript:;(一個冒號一個分號)。
javascript中void是一個操作符，該操作符指定要計算一個表達式但是不返回值。
javascript:;好些，javascript:void(0);據說某些情況下有瀏覽器兼容bug。(此點bug我也不知道什么時候能出現，知道的童鞋請指教)。
可以寫成javascript:;，qq空間很多都是寫成javascript:;
我感覺這兩者之間沒有什么差別，都是執行一個空事件。
javascript:;甚至少了7個字符，呵呵。
新浪微博寫的是javascript:void(0);
我以前一直寫的是javascript:void(0);但是現在寫的都是javascript:;
a href="#"> 點擊鏈接后，頁面會向上滾到頁首，# 默認錨點為 #TOP 點擊鏈接后，頁面不動，只打開鏈接 作用同上，不同瀏覽器會有差異。
1
2
3
點擊鏈接后，不想使頁面滾到頁首，就用href=“javascript:void(0)”，不要用href="#"，return false也有類似作用
詳解href="#"與href="javascript:void(0)"的區別
"＃"包含了一個位置信息
默認的錨點是＃top 也就是網頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什么有的時候頁面很長瀏覽鏈接明明是＃可是跳動到了頁首
而javascript:void(0) 則不是如此
所以調用腳本的時候最好用void(0)
或者
等 打開新窗口鏈接的幾種辦法 1.window.open('url') 2.用自定義函數
復制代碼代碼如下:
1
2
3
4
5
6
7
8
9
window.location.href=""
如果是個# ，就會出現跳到頂部的情況,個人的幾種解決方法： 1： 2： 3： 4： 5：(好像在FF中不能顯示)
1
2
3
4
5
6
慎用JavaScript:void(0)
今天調試CGI的時候，明明CGI程序已經執行，并且最后結果也是正確的，但是頁面就是不刷新。在FireFox2.0下測試，結果卻是正常的，IE6卻偏偏不刷新！仔細調查了一下，發現cgi頁面鏈接的是 only a sample ,問題就出在這個void(0)上!讓我們先來看看JavaScript中void(0)的含義:
JavaScript中void是一個操作符，該操作符指定要計算一個表達式但是不返回值。
void 操作符用法格式如下：
javascript:void (expression_r_r)
javascript:void expression_r_r
expression_r_r是一個要計算的 JavaScript 標準的表達式。表達式外側的圓括號是可選的，但是寫上去是一個好習慣。我們可以使用 void 操作符指定超級鏈接。表達式會被計算但是不會在當前文檔處裝入任何內容。面的代碼創建了一個超級鏈接，當用戶點擊以后不會發生任何事。當用戶點擊鏈接時，void(0) 計算為 0，但在 JavaScript 上沒有任何效果。
1
也就是說，要執行某些處理，但是不整體刷新頁面的情況下，可以使用void(0),但是在需要對頁面進行refresh的情況下，那就要仔細了。
使用javascript的時候,通常我們會通過類似:提交的方式,通過一個偽鏈接來調用javascript方法.這種方法有一個問題是:雖然點擊該鏈接的時候不會跳轉頁面.但是滾動條會往上滾,解決的辦法是返回一個false。
如下所示:提交
還可以用 ###
a href="javascript:void(0)" onclick="javascript:方法;return false;"提交 javascript:void(0)就不會向上跳了:) 還有一個方法是 #this a href="#this" onclick="javascript:方法"
1
2
3
4
5
6
7
轉載于https://www.cnblogs.com/bpynfy/p/6149015.html
JavaScript 面向對象編程
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
相關文章
