關於火狐和IE下href相容性的問題
<a href=”javascript:void(0);” target=”_blank”>test</a>.火狐和IE會彈出空白頁。
經過排查,發現是href="javascript:void(0);"導致的問題,本來javascript:void(0);的用處是不用整體重新整理網頁且返回一個空值,但這兒由於DOM本身的冒泡事件所以會最後執行HREF屬性內的javascript:void(0);導致執行函式返回了一個空值,所以覆蓋掉了前面正常執行函式所返回的值引起的錯誤。
後經查詢資料,發現需如下解決。
通過onclick阻止瀏覽器預設事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>
原因在於三款瀏覽器,對三個屬性的處理順序不同。
Chrome順序:onclick -> href -> target
IE和Firefox順序:onclick -> target -> href
相關推薦
關於火狐和IE下href相容性的問題
在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。<a href=”javascript:void(0);” target=”_blank”>test</a>.火狐和IE會彈出空白頁。經過排查,發現
關於火狐和IE下href="javascript:void(0)"相容性的問題
火狐和IE下href="javascript:void(0) 會彈出空白頁 經過排查,發現是href="javascript:void(0);"導致的問題,本來javascript:void(0);的用處是不用整體重新整理網頁且返回一個空值,但這兒由於DOM本身的冒泡事件
關於EasyUI對話方塊,表格和選單元件在IE下的相容性處理方法
EasyUI版本:V1.4 JQuery版本:V1.11.1 一、對話方塊 定義對話方塊: <div id="test_dialog" class="easyui-dialog" closed
select 標籤 預設樣式在火狐和ie瀏覽器上下拉箭頭難看!谷歌ok! 在網上找到的解決下拉箭頭的樣式
select { /*Chrome和Firefox裡面的邊框是不一樣的,所以複寫了一下*/ border: solid 1px #000; /*很關鍵:將預設的select選擇框樣式清除*/ appearance:none; -moz-appearanc
js onkeyup 相容火狐和IE
// 方法1 function keyUp(e) { if(navigator.appName == "Microsoft Internet Explorer"){ var keycode = event.keyCode; var realkey = String
相容火狐和ie的文件鍵盤事件監聽器
document.onkeydown = function(event) {event = event ? event : window.event ; if(event.keyCode == 13) {
IE和Firefox下,a標籤使用href=”javascript:void(0);”和target=”_blank”行為不符合預期
今天在開發中發現,使用如下方式的連結。在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。 <a href=”javascript:void
在IE11和Firefox下attr和prop的相容性問題(IE低版本和google沒有問題)
最近工作中遇到一個比較棘手的相容性問題,下面就分享一下解決過程吧 ■背景說明: 左邊一個文字框,右邊一個下拉框,下拉框顯示從資料庫取出來的資料,功能要求左邊的文字框輸入右邊下拉框的value值,下拉框自動定位到 對應的資料,如果輸入的值下拉框沒有,則返回到為空的狀態 ■現象
window.open在IE下ajax中的相容性
問題:在ajax中window.open在IE下會彈出瀏覽器阻止視窗的問題,進而不再執行window.open開啟新tab頁的方法 解決方法: 在ajax方法之前加上: windowOpenHandler = window.open("/loading-tips.html"); //
IE下支援文字框和密碼框placeholder效果的JQuery外掛分享
placeholder是HTML5新增的一個屬性,當input設定了該屬性後,該值的內容將作為灰色提示顯示在文字框中,當文字框獲得焦點時,提示文字消失。 實現程式碼如下: (function($) { var placeholderfriend = { focus: functi
關於IE下的"錯誤: 由於出現錯誤 80020101 而導致此項操作無法完成"和fireFox下的"syntax error”
(1)使用IE時 錯誤: 由於出現錯誤 80020101 而導致此項操作無法完成 ( window.execScript || function( data ) { window[ "eval" ].call( window, data ); } )( dat
IE和Firefox下執行exe程式
<a href="javascript:LaunchApp()">Click here to Execute your file</a> <script> functionLaunchApp() { netscape.security.PrivilegeMana
Git在windows下的安裝和使用href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="52151b06121d0111">[email protected]
Git for Windows v2.7.0 Release Notes Latest update: January 5th 2016 Introduction These release notes describe issues specific to the Git for Windows rele
在IE6、ie7下input選擇框與文字對齊 和ie更高版本無法一致的解決辦法
今天遇到了一個CSS問題,就是我的程式碼裡面Input竟然與文字無法對齊 <input id="logobck" type="checkbox"> <span>自動登入</span> 就是這樣的一個寫法,要麼是IE7對不齊,要不就是高
Angular解決IE和Firefox下button內部元素ng-click事件被遮蔽
如果我們在button元素內部有其它的子元素並且繫結點選事件,比如: 而我們的程式碼是這樣的: <body ng-controller="ctrl"> <script> angular.module("
IE下無法儲存Cookie和Session問題
最近在做新的Web專案時,因為一個驗證碼無法儲存在Cookie中,或者更確切地說是IE下無法儲存Cookie的問題糾結了整整一天時間,考慮了多種原因,單步除錯了不下三十次,也沒有結果。甚至在無奈之下改為Session儲存,同樣不能儲存!最好想到了會不會是因為域名問題呢?因
onchange事件在IE和FF下的表現及解決方案
在最近做的一個專案中,有這麼一個功能點:頁面上有一個checkbox,當用戶選擇或者取消選擇該checkbox時會向後臺發一個jsonp請求。當時的實現是為這個checkbox新增一個onchange事件,但結果卻出人意料,為此,我深入的研究了一下,發現了onchange事
IE下iframe跨域session和cookie失效問題的解決方案
問題來源: 何為跨域跨域session/cookie? 也就是第三方session/cookie。第一方session/cookie指的是訪客當前訪問的網站給訪客的瀏覽器設定的seesion/cookie, 會被儲存在訪客的計算機上。第三方session/cookie
通過一個小技巧可以讓flash和iframe的在ie下遮擋問題解決
最近在研究一個openlaszlo platform平臺的一個小bug.發現了一個在ie下很有意思的bug.一般iframe和flash混用經常都會碰到。ie上解決方式大都選擇wmode設定為transparent.但是swf在transparent的情況下,感應不到mou
JavaScript自定義瀏覽器滾動條相容IE、 火狐和chrome
今天為大家分享一下我自己製作的瀏覽器滾動條,我們知道用css來自定義滾動條也是挺好的方式,css雖然能夠改變chrome瀏覽器的滾動條樣式可以自定義,css也能夠改變IE瀏覽器滾動條的顏色。但是css只能是改變IE瀏覽器的顏色,而且CSS不能做到改變火狐瀏覽器的樣式和顏色。