国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript:void(0)的問題使用探討

2024-05-06 16:03:57
字體:
來源:轉載
供稿:網友
想做一個鏈接點擊后不做任何事情,方法有很多,不過不利于用戶體驗,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)">test</a>
<a href="#">什么問題都解決了,包括瀏覽器不兼容問題</a> //或者直接使用href=""
<a href="#">test</a>


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

復制代碼 代碼如下:


<span>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,所以會出現這種情況。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 墨竹工卡县| 盘锦市| 洮南市| 禹城市| 吴江市| 锦屏县| 墨竹工卡县| 安化县| 敦煌市| 榆树市| 泰和县| 三门县| 天祝| 佛教| 凤山市| 唐海县| 延边| 库伦旗| 鹤壁市| 东平县| 安图县| 都兰县| 尉氏县| 通道| 长乐市| 宁南县| 遵化市| 顺昌县| 湘乡市| 四平市| 禄丰县| 资阳市| 车险| 汉沽区| 张家口市| 龙井市| 镇远县| 九龙城区| 遂溪县| 楚雄市| 张北县|