首頁 web前端 css教學 淺談href=#與href=javascript:void(0)的區別_經驗交流

淺談href=#與href=javascript:void(0)的區別_經驗交流

May 16, 2016 pm 12:04 PM
href

#"包含了一个位置信息

默认的锚点是#top 也就是网页的上端

而javascript:void(0)  仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是#可是跳动到了页首

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

所以调用脚本的时候最好用void(0)

或者

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

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

LINK_TEST

window.location.href=""

 

-------------------------------------------------------------------------------

 

如果是个# ,就会出现跳到顶部的情况,个人收藏的几种解决方法:
1:
2:
3:
4:
5:(好像在FF中不能显示)

-------------------------------------------------------------------------------

慎用JavaScript:void(0)

 

JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下:
1. javascript:void (expression)
2. javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的,但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接,当用户点击以后不会发生任何事。当用户点击链接时,void(0) 计算为 0,但在 JavaScript 上没有任何效果。

单击此处什么也不会发生

也就是說,要執行某些處理,但是不整體刷新頁面的情況下,可以使用void(0),但是在需要對頁面進行refresh的情況下,那就要仔細了。

其實我們可以這樣用,這句話會進行一次submit運算。那什麼情況下用void(0)比較多呢,無刷新,當然是Ajax了,看一下Ajax的web頁面的話,通常都會看到有很多的void(0),:) ,所以在使用void(0 )之前,最好先想想,這個頁面是否需要整體刷新。

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌
威爾R.E.P.O.有交叉遊戲嗎?
1 個月前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

src和href是什麼意思 src和href是什麼意思 Aug 16, 2023 pm 05:00 PM

src和href分別是,1、src是source的縮寫,用來指定外部資源的路徑,通常用於嵌入外部文件,例如圖片、音訊、視訊等,src屬性一般用在img、script、iframe等標籤上;2、href是hypertext reference的縮寫,用於指定超連結的目標資源的路徑,通常用於連結到外部文件或其他頁面,href屬性一般用在a、link等標籤上。

src屬性和href屬性在功能和用法上的差異有哪些? src屬性和href屬性在功能和用法上的差異有哪些? Dec 28, 2023 am 08:20 AM

src屬性和href屬性是在HTML中常用的屬性,用來載入外部資源。雖然它們有相似的目的,但在使用和用途上有一些不同。 src屬性:src屬性用於指定要在文件中嵌入的外部資源,主要用於在HTML文件中引入外部腳本文件和媒體文件。它可以用於以下幾種情況:引入外部JavaScript檔案:透過src屬性,將外部的JavaScript檔案連結到HTML頁面。

href和src發送的什麼請求 href和src發送的什麼請求 Aug 17, 2023 pm 02:20 PM

href和src發送的get請求。詳細說明:1、href屬性,用於指定連結的目標資源,引用外部樣式表會發送GET請求來獲取CSS文件,引用文檔會發送GET請求來獲取指定的HTML文件,引用圖像時它會發送GET請求來獲取指定的圖像檔案;2、src屬性,用於指定嵌入資源的URL,引用圖像時會發送GET請求來獲取指定的圖像文件,引用音頻它會發送一個GET請求來獲取指定的音頻文件等等。

src和href的差別究竟是什麼?快速了解! src和href的差別究竟是什麼?快速了解! Jan 06, 2024 pm 09:09 PM

src和href的差別究竟是什麼?快速了解!在網頁開發過程中,src和href是兩個常用的屬性。儘管它們看起來類似,但實際上有著不同的用途和適用場景。在本文中,我們將深入探討src和href的區別,並透過具體的程式碼範例來解釋它們。在HTML中,src是用來指定要嵌入或引用的外部資源的屬性,它通常用於引用映像、音訊、視訊或腳本檔案。與此不同,href是超鏈

了解src和href的不同點的重要細節! 了解src和href的不同點的重要細節! Jan 06, 2024 am 09:11 AM

src和href的差異,你不可不知的細節!在寫HTML頁面時,我們常常會遇到src和href這兩個屬性。它們都用於引用外部資源,例如腳本檔案、樣式檔案或圖片。雖然它們的用途相似,但它們在具體的用法和細節上卻存在一些差異。首先,src(source)屬性主要用於嵌入外部資源,例如圖片或腳本。它是用於指定資源的位址,並將其內容嵌入到目前文件中。而href(

什麼是src屬性和href屬性?它們有什麼區別? 什麼是src屬性和href屬性?它們有什麼區別? Dec 28, 2023 pm 03:18 PM

什麼是src屬性和href屬性?它們有什麼區別?在HTML中,src屬性和href屬性是兩個常用的屬性,用來引用外部資源。雖然它們在功能上有些相似,但在用法和引用資源類型上有一些區別。首先,讓我們來看src屬性。 src是source的縮寫,主要用於指定嵌入/引用外部資源的位址。它可以被應用在一些標籤,例如<script>、<img>

src和href有什麼差別 src和href有什麼差別 Oct 16, 2023 am 11:15 AM

src 和href 屬性都用於指定資源的位址,但用途和使用場景是不同:1、src屬性用於指定外部資源的位址,而href屬性用於指定超連結的目標位址;2、src屬性在引入媒體元素時使用,而href屬性通常用在<a> 標籤中;3、src屬性告訴瀏覽器去載入指定的資源,並將其嵌入到目前頁面中,而href屬性定義使用者點擊後要開啟的網頁、文件或其他資源的URL。

src和href的差別是什麼 src和href的差別是什麼 Aug 17, 2023 pm 02:34 PM

src和href的區別:1、用途不同,src用於嵌入到文檔中的資源,href用於鏈接到文檔之外的資源;2、引用方式不同,src引用的資源是必需的,href引用的資源是可選的;3、​​對文件的影響不同,src會直接影響文件的載入和顯示,href只會影響到引用的資源的使用;4、適用範圍不同,src適用於圖片、音訊、視訊和腳本等資源的引用,href適用於CSS樣式表、字型檔和網頁連結。

See all articles