html 空鏈接 href="#"與href="javascript:void(0)"的區別

-Advertisement-

#包含了一個位置信息預設的錨是#top 也就是網頁的上端而javascript:void(0) 僅僅表示一個死鏈接這就是為什麼有的時候頁面很長瀏覽鏈接明明是#但跳動到了頁首而javascript:void(0) 則不是如此所以調用腳本的時候最好用void(0) 你可使用如下例子來測試一下： ...

#包含了一個位置信息
預設的錨是#top 也就是網頁的上端
而javascript:void(0) 僅僅表示一個死鏈接
這就是為什麼有的時候頁面很長瀏覽鏈接明明是#但跳動到了頁首
而javascript:void(0) 則不是如此
所以調用腳本的時候最好用void(0)
你可使用如下例子來測試一下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
</head> 
<body> 
這裡是頁首..... 
<p>1 
</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<p> 
1</p> 
<a href="#">這是會跳到頁首的</a>
<a href="javascript:void(0)">這個不會跳動</a> 
</body> 
</html>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

JavaScript圖表FusionCharts免費線上公開課，由印度原廠技術工程師主講，10月13日發車

JavaScript圖表FusionCharts免費線上公開課，由印度原廠技術工程師主講，10月13日發車。 ...
HTML5離線存儲原理

前言：使用HTML5，通過創建cache manifest文件，可輕鬆創建web應用的離線版本。 HTML5引入了應用程式緩存，這意味著web應用可進行緩存，並可在沒有網路時進行訪問。應用程式緩存為應用帶來三個優勢：離線瀏覽--用戶可在離線時使用它們。速度--已經緩存的資源載入得更快。減少 ...
jsonp 演示實例 —— 基於node

序 1. 同源策略是瀏覽器處於安全考慮，為通信設置了“相同的域、相同的埠、相同的協議”這一限制。這讓我們的ajax請求存在跨域無許可權訪問的問題。 2. 同時我們發現script標簽引入腳本的行為並不受同源策略的限制，但是script引入的文件會被立即執行，如果其內容不符合js語法，則會報錯；操 ...
JS判斷客戶端是手機還是PC

function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var flag ...
JavaScript區分click事件和mousedown（mouseup、mousemove）方法

在前端開發工作中，會遇到這樣問題：針對同一個dom元素，即希望為它綁定click事件，又想該元素可以允許拖拽的效果。而使用拖拽的效果，我們一般就會用到mousedown,mousemove和mouseup事件。但mousedown、mouseup就會和click事件發生衝突。我們希望在拖拽元素的時候 ...
web 前端常用組件【07】彈出層 Layer

web 項目中總是需要彈出框，來讓用戶進行下一步的操作。大到彈出另外一個頁面，小到彈出提示、確認等。經手幾個項目，還是感覺 Layer 用起來比較的輕鬆，你能想到的 Layer 都能幫你做到。感謝 Layer 作者賢心，Layer 官網地址：http://layer.layui.com/ 1. ...
Js~(function(){})匿名自執行方法的作用

匿名自執行方法體(function(){})經常用在設計JS插件上面，它定義相關組件的行為，自動初始化相關屬性，而且在頁面中可以直接執行，你不需要手動執行它，它被自動被執行！在設計你的匿名自執行方法體時，我們有幾點需要註意，在這裡大叔部總結了一下，請看下麵說明將它的結果賦給一個對象如果它沒有返 ...
dojo/store/Memory 和 SimpleQueryEngine 解讀（非常簡單的存儲器管理工具和非常簡單的查詢引擎）

一、介紹（官方API）： The Memory store provides full read and write capabilities for in memory data. The Memory store is very simple to use, just provide an ar ...