1. 程式人生 > >a標籤不跳轉的幾種實現方式

a標籤不跳轉的幾種實現方式

a標籤不跳轉一共收集了3種方法

1、onclick事件中返回false

不能跳轉的寫法及demo

<a href="http://www.baidu.com"  onclick="return false" >不能跳到百度</a> 

2、 用href=”javascript:void(0)”這種偽協議;(這種偽協議,少寫的好)

<a href="javascript:void(0)" >不能跳轉</a> 

3、使用 (#)

<a href="#" class="demo" onclick="del()" >刪除</a
>。//總是跳轉到當前頁面頂部,當頁面內容較多時,還是會有跳轉的感覺。不推薦使用

相關推薦

a標籤實現方式

a標籤不跳轉一共收集了3種方法 1、onclick事件中返回false 不能跳轉的寫法及demo <a href="http://www.baidu.com" onclick="r

【前端】動態生成HTML以及a標籤問題標記

bookmarksResults.innerHTML += '<div class="well">' + '<h3>' + name +

點選a標籤連結

a標籤已經設定href的情況下不做跳轉動作,直接給a標籤新增一個點選事件就行了。 html程式碼: <div id="hf"> <a href="www.google.cn">

nginx 重定向需求

匹配 rman ebs url 日常 oca baidu perm 正則 背景:在日常運維中經常會碰到需要從一個鏈接跳轉到另一個鏈接的情況,此類需求分為兩種情況,一種是瀏覽器url變,一種是瀏覽器url不變。 一、Url變,使用nginx rewirte模塊 rewrite

阻止a標籤預設

<a href="javascript:void(0)">aaa</a> href的作用: 當:前面是http協議時,點選a標籤,會將瀏覽器的位址列切換成href中指定的地址 當:前面是javascript偽協議時,則是告訴瀏覽器接下來要執行javascrip

解決MUI阻止a標籤預設事件—方法總結

  用過mui的小夥伴們一定不會陌生,有時候真的很煩mui本身會阻止a標籤預設跳轉。一般只要用了mui的ui元件,比如頭部,底部或者彈框,你就不能在用a標籤進行跳轉了。   注:專案中引用了mui後,可能也會遇到,html程式碼中未引用mui的元件程式碼段,但依然會導致a標籤預設跳轉失效的問題(mui一般用

js阻止a標籤預設

函式: // 阻止預設跳轉 function stopDefault( e ) { if ( e && e.preventDefault ) e.preventDefault(); else

Android 隱士方式

1、只有 配置 action 進行跳轉 <intent-filter> <action android:name="testarouter"></action> <category android:name="android.i

mui框架之a標籤無法的問題

最近在mobile的專案中用到了mui前端框架,自己先學習了一下,感覺功能挺全,因為要開發m站,就選擇用了mui的前端h5的框架,由於是第一次用到,難免會踩坑。 要實現這樣一個產品的列表,由於要分頁,就很自然想到了用上拉載入的效果,mui的上拉載入是用兩個頁面實現的

阻止a標籤預設事件的簡單方法

第一種: <a href = " javascript: void ( 0 ); ">百度</a> 或者<a href = " javascript:; ">百度</a> 測試:(可行)<a href="javascri

mui 的小坑 上拉和下拉重新整理元件會預設阻止a標籤

mui在上拉和下拉重新整理元件 如果裡面存了a標籤阻止了a標籤的預設跳轉行為 解決: 1 去修改原始碼,但是過於繁瑣 2 使用js 註冊一個tap 點選事件 用 location.href 進行跳轉 function eventLis

隔行變色的實現方式:JSP指令碼 / JS樣式控制 / EL+JSTL標籤化 / jquery奇偶選擇器

<% Connection conn = DBHelper.linkToDB(); String sql = "select * from student where 1=1 "; PreparedStatement ps = conn.prepareStatement(sql)

移動端a標籤無法

for(var i=0;i<href.length;i++){ href[i].ontouchend=function(){ window.location.href=this.getAttribute("href"); } };

web頁面方式詳解

在做web開發中,頁面跳轉的方式有很多種,然而有些時候這些跳轉如何用到恰到好處卻很容易被忽視。 客戶端觸發跳轉有如下幾種 使用meta元資訊 ? 1 2 <!--如下表示

禁用a標籤

一  jquery方法https://www.cnblogs.com/cina33blogs/p/6840917.html二href=“#”href=“javascript:void(0)”<a href="javascript:;">連結一</a>

a標籤中href=""的用法

眾所周知,a標籤的最重要功能是實現超連結和錨點。而且,大多數人認為a標籤最重要的作用是實現超連結,今天我剛好碰到a標籤的一種寫法,所以就來整理下a標籤中href的幾種用法。 一、Js的幾種呼叫方法(參考總結的) 1、a href=”javascr

阻止a標籤預設行為的簡單方法

寫這篇文章的契機是由於公司最近一個系統專案,基於dwz框架做的。框架內部獲取內容的原理是使用ajax的load()方法來做的。所以自然會涉及到給定的元素的要先遮蔽其連結跳轉,然後再使用ajax的原理進行內容載入和讀取。 如下所示: 方法1: <a h

單例模式的實現方式

str 類加載 代碼 創建對象 stat 懶漢 導致 方法 不支持 1、懶漢式,線程不安全 是否 Lazy 初始化:是 是否多線程安全:否 實現難度:易 描述:這種方式是最基本的實現方式,這種實現最大的問題就是不支持多線程。因為沒有加鎖 synchronized,所以嚴格意

分布式session的實現方式

服務器 單點 redis 容易 穩定性 常用 str 廣播 cati 1.基於數據庫的session共享 2.基於NFS共享文件系統 3.基於memcached 的session,怎麽保證session的高可用 4.基於resin/tomcat web容器本身的sessio

單例模式實現方式

size ron jdk null singleton bsp 還要 一個 fin 1、餓漢式:靜態常量 特點:單例的實例被聲明成static和final變量了,在第一次加載類到內存中時就會初始化,所以會創建實例本身是線程安全的 public class Sin