亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript:;與javascript:void(0)使用介紹

2019-11-20 22:40:06
字體:
來源:轉載
供稿:網友

最近看了好幾個關于<a>標簽和javascript:void(0)的帖子,謹記于此,以資查閱。
注:以下代碼未經全面測試,但每一種方法可能會出現的情況都基本做了說明。
在做頁面時,如果想做一個鏈接點擊后不做任何事情,或者響應點擊而完成其他事情,可以設置其屬性 href = "#",但是,這樣會有一個問題,就是當頁面有滾動條時,點擊后會返回到頁面頂端,用戶體驗不好。

目前有如下幾種解決辦法:

1)點擊鏈接后不做任何事情 

<a href="javascript:void(0);" >test</a> <a href="javascript:;" >test</a> <a href="####" >test</a> //使用2個到4個#,見的大多是"####",也有使用"#all"等其他的 

 

2)點擊鏈接后,響應用戶自定義的點擊事件

<a href="javascript:void(0)" onclick="doSomething()">test</a> <a href="#" onclick="doSomething();return false;">什么問題都解決了,包括瀏覽器不兼容問題</a> //或者直接使用href="" <a href="#" onclick="alert();event.returnValue=false;">test</a> 

說明:

1.javascript:void(0)這種偽協議,少寫的好,如果你看過一些web標準的書就知道為什么了。(不懂,原話摘的,暫做記錄)
2.鏈接(href)直接使用javascript:void(0)在IE中可能會引起一些問題,比如:造成gif動畫停止播放等,所以,最安全的辦法還是使用“####”。為防止點擊鏈接后跳轉到頁首,onclick事件return false即可。
3.如果僅僅是想鼠標移過,變成手形,可以使用

<span style="cursor:pointer" onclick="foo()">Click Me!</span>  

void是javascript的操作符,意思是:只執行表達式,但沒有返回值,
void 操作符用法格式如下:

javascript:void (expression)  javascript:void expression  

為了程序風格良好,建議使用第二種帶上括號的
我們可以使用void操作符指定超級鏈接,如javascript:void(document.form.submit())。表達式會被計算但是不會在當前文檔處裝入任何內容,void(0)計算為0,但在JavaScript上沒有任何效果,也就是說 <a href="javascript:void(0)">的效果同<a href="javascript:void(1)">的效果是一樣的。
關鍵是只要知道void是javascipt自身的操作符,它表示的是只執行表達式,但沒有返回值!
另外頁面會自動調回頂端,是因為"#"默認的瞄點位置是top,所以會出現這種情況。 ​

繼續解釋

我想使用過ajax的都常見這樣的代碼:
<a href="javascript:doTest2();void(0);">here</a>
但這兒的void(0)究竟是何含義呢?

Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。

void 操作符用法格式如下:

1. javascript:void (expression)
2. javascript:void expression

expression 是一個要計算的 Javascript 標準的表達式。表達式外側的圓括號是選的,但是寫上去是一個好習慣。 (實現版本   Navigator 3.0   )

你以使用 void 操作符指定超級鏈接。表達式會被計算但是不會當前文檔處裝入任何內容。

下面的代碼創建了一個超級鏈接,當用戶以后不會發生任何事。當用戶鏈接時,void(0) 計算為 0,但 Javascript 上沒有任何效果。

<A HREF="javascript:void(0)">單此處什么也不會發生</A>

下面的代碼創建了一個超級鏈接,用戶單時會提交表單。

<A HREF="javascript:void(document.form.submit())">單此處提交表單</A>

a href=#與 a href=javascript:void(0) 的區別 鏈接的幾種辦法

#包含了一個位置信息

默認的錨是#top 也就是網頁的上端

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

這就是為什么有的時候頁面很長瀏覽鏈接明明是#是

跳動到了頁首

而javascript:void(0) 則不是如此

所以調用腳本的時候最好用void(0)

或者<input onclick>

<div onclick>等

鏈接的幾種辦法
1.window.open(''url'')

2.用自定義函數

<script>function openWin(tag,obj) {  obj.target="_blank";  obj.href = "Web/Substation/Substation.aspx?stationno="+tag;  obj.click();  }</script>

<a href="javascript:void(0)" onclick="openWin(3,this)">株洲</a>

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
<a href="javascript:void(0)" onClick="window.open()"> 點擊鏈接后,頁面不動,只打開鏈接
<a href="#" onclick="javascript:return false;"> 作用同上,不同瀏覽器會有差異。

點擊鏈接后,不想使頁面滾到頁首,就用href="javascript:void(0)",不要用href="#",return false也有類似作用

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

"#"包含了一個位置信息
默認的錨點是#top 也就是網頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什么有的時候頁面很長瀏覽鏈接明明是??墒翘鴦拥搅隧撌?br />而javascript:void(0) 則不是如此
所以調用腳本的時候最好用void(0)
或者<input onclick>
<div onclick>等
打開新窗口鏈接的幾種辦法
1.window.open('url')
2.用自定義函數

復制代碼 代碼如下:

        <script>
        function openWin(tag,obj)
        {
            obj.target="_blank";
            obj.href = "Web/Substation/Substation.aspx?stationno="+tag;
            obj.click();
        }
        </script>
<a href="javascript:void(0)" onclick="openWin(3,this)">LINK_TEST</a>

window.location.href=""

如果是個# ,就會出現跳到頂部的情況,個人收藏的幾種解決方法:
1:<a href="####"></a>
2:<a href="javascript:void(0)"></a>
3:<a href="javascript:void(null)"></a>
4:<a href="#" onclick="return false"></a>
5:<span style="cursor:hand"></span>(好像在FF中不能顯示)

慎用JavaScript:void(0)
今天調試CGI的時候,明明CGI程序已經執行,并且最后結果也是正確的,但是頁面就是不刷新。在FireFox2.0下測試,結果卻是正常的,IE6卻偏偏不刷新!仔細調查了一下,發現cgi頁面鏈接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> only a sample </a>,問題就出在這個void(0)上!讓我們先來看看JavaScript中void(0)的含義:
JavaScript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression_r_r)
2. javascript:void expression_r_r
expression_r_r是一個要計算的 JavaScript 標準的表達式。表達式外側的圓括號是可選的,但是寫上去是一個好習慣。我們可以使用 void 操作符指定超級鏈接。表達式會被計算但是不會在當前文檔處裝入任何內容。面的代碼創建了一個超級鏈接,當用戶點擊以后不會發生任何事。當用戶點擊鏈接時,void(0) 計算為 0,但在 JavaScript 上沒有任何效果。
<a href="javascript:void(0)">單擊此處什么也不會發生</a>
也就是說,要執行某些處理,但是不整體刷新頁面的情況下,可以使用void(0),但是在需要對頁面進行refresh的情況下,那就要仔細了。
其實我們可以這樣用<a href="javascript:void(document.form.submit())">,這句話會進行一次submit操作。那什么情況下用void(0)比較多呢,無刷新,當然是Ajax了,看一下Ajax的web頁面的話,一般都會看到有很多的void(0),:) ,所以在使用void(0)之前,最好先想一想,這個頁面是否需要整體刷新。
 

 使用javascript的時候,通常我們會通過類似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通過一個偽鏈接來調用javascript方法.這種方法有一個問題是:
雖然點擊該鏈接的時候不會跳轉頁面.但是滾動條會往上滾,解決的辦法是返回一個false.
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>

還可以用 ###

a href="javascript:void(0)" onclick="javascript:方法;return false;"提交
javascript:void(0)就不會向上跳了:)

還有一個方法是 #this
a href="#this" onclick="javascript:方法"

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美日韩在线视频一区| 国产999精品| 精品欧美激情精品一区| 超碰91人人草人人干| 狠狠综合久久av一区二区小说| 一区二区福利视频| 亚洲第一福利网站| 色偷偷偷综合中文字幕;dd| 91精品久久久久久久久久久| 中文字幕日韩视频| 国产这里只有精品| 91免费在线视频| 亚洲人成电影在线观看天堂色| 久久久在线观看| 91天堂在线观看| 久久久黄色av| 日韩在线视频观看正片免费网站| 51视频国产精品一区二区| 欧美电影免费观看高清完整| 91黄色8090| 亚洲级视频在线观看免费1级| 亚洲精品综合久久中文字幕| 亚洲欧美日韩国产成人| 91在线观看免费高清| 最好看的2019的中文字幕视频| 亚洲女同精品视频| 国产精品免费观看在线| 欧美性理论片在线观看片免费| 欧美极品美女视频网站在线观看免费| 欧美亚洲另类制服自拍| 国产精品亚洲网站| 在线日韩中文字幕| www.国产精品一二区| 两个人的视频www国产精品| 久久精品精品电影网| 国产精品老牛影院在线观看| 成人在线免费观看视视频| 午夜精品久久久99热福利| 精品伊人久久97| 亚洲男人天堂网站| 国产精品一区二区久久国产| 国产精品爱久久久久久久| 国产精品久久99久久| 在线观看国产精品日韩av| 91国产一区在线| 久久精彩免费视频| 久久久中精品2020中文| 欧美日韩国产一区二区三区| 日韩一级黄色av| 久久99国产综合精品女同| 欧美大奶子在线| 欧美日韩午夜激情| 国产精国产精品| 国产精品久久久久77777| 亚洲91精品在线| 久久精视频免费在线久久完整在线看| 国产欧美一区二区三区久久人妖| 国产日韩精品综合网站| 亚洲激情小视频| 91免费综合在线| 久久色免费在线视频| 亚洲男人第一av网站| 91超碰caoporn97人人| 久久精品国产69国产精品亚洲| 国产精品专区h在线观看| 国产裸体写真av一区二区| 亚洲男女自偷自拍图片另类| 欧美另类69精品久久久久9999| 久久精品亚洲一区| 亚洲精品在线视频| 国产精品久久久av| 久久精品人人做人人爽| 日韩中文字幕免费| 91精品国产91| 亚洲精品一区二区网址| 日韩免费黄色av| 精品少妇一区二区30p| 91久久综合亚洲鲁鲁五月天| 久久久久久久久久久免费| 日韩在线高清视频| 日韩精品中文字| 中文字幕精品视频| 色婷婷av一区二区三区在线观看| 午夜剧场成人观在线视频免费观看| 国产精品久久久久久久久久免费| 国产一区二区在线免费| 精品国产鲁一鲁一区二区张丽| 91精品国产亚洲| 综合网日日天干夜夜久久| 在线观看国产欧美| 日本亚洲精品在线观看| 大胆欧美人体视频| 精品电影在线观看| 久久精品这里热有精品| 久久久久国产一区二区三区| 国产成人免费av电影| 欧美专区日韩视频| 欧美美女15p| 国产91在线高潮白浆在线观看| 久久久久久久久久婷婷| 精品日韩美女的视频高清| 日韩美女av在线免费观看| 欧美福利视频网站| 久久久免费精品视频| 欧美激情a∨在线视频播放| 日本国产一区二区三区| 亚洲电影免费观看高清完整版在线观看| 69影院欧美专区视频| 久久av红桃一区二区小说| 欧美激情久久久| 美女扒开尿口让男人操亚洲视频网站| 日韩专区中文字幕| 性金发美女69hd大尺寸| 国产香蕉一区二区三区在线视频| 久久99久久99精品免观看粉嫩| 中文字幕在线精品| 亚洲国产精品va在线看黑人动漫| 尤物tv国产一区| 色av吧综合网| 亚洲精品日韩激情在线电影| 日韩美女av在线| 亚洲国产成人久久综合一区| 国产一区二区三区毛片| 69久久夜色精品国产69乱青草| 国产精品成人久久久久| 日本精品一区二区三区在线| 亚洲va电影大全| 久久久久久com| 欧洲日韩成人av| 久久久噜久噜久久综合| 欧美激情精品久久久久久| 久久久久久免费精品| 91免费看片在线| 日韩a**中文字幕| 超碰日本道色综合久久综合| 欧美色另类天堂2015| 国产美女精品视频免费观看| 欧美三级欧美成人高清www| 久久99久久99精品免观看粉嫩| 丝袜美腿亚洲一区二区| 欧美日韩国产一中文字不卡| 欧美日韩成人精品| 色伦专区97中文字幕| 亚洲一区国产精品| 91久久久久久久久久| 国产精品成人av性教育| 久久99视频免费| 国产亚洲欧美另类中文| 中文字幕亚洲无线码在线一区| 亚洲国产精品电影在线观看| 日韩在线观看免费网站| 国产在线a不卡| 中文字幕亚洲欧美一区二区三区| 午夜精品久久久久久久白皮肤| 成人激情视频小说免费下载| 福利视频导航一区| 国产999精品久久久| 成人精品一区二区三区电影黑人| 91av免费观看91av精品在线| 97在线观看免费高清| 日韩av片电影专区| 亚洲精品在线视频| 永久555www成人免费| 深夜福利国产精品|