Time of Update: 2017-01-19
摘要:現在有一個需求如圖所示,當使用者勾選顯示明文複選框時,要以明文顯示使用者輸入的密碼,去掉勾選時要變回密文,剛開始想到的就是修改輸入框的type來決定顯示明文還是密文,使用jQuery的attr來做實驗,測試結果是chrome,Firefox,ie9+都是好的,在ie8以下就會報錯,尋找了下原因,ie8中是不允許修改input的type屬性,最終換了種思路實現。當勾選顯示明文時替換輸入框為type="text",不勾選時在將輸入框替換為type="password",代碼如下:<!DO
Time of Update: 2017-01-19
根據文本綁定textvar locationCity = productViewObj.Product.LocationCity; var countCity = $("#slCity option").length; for (var i = 0; i < countCity; i++) { if ($("#slCity").get(0).options[i].text == locationCity) { $("#slCity").get(0).options[i].selected
Time of Update: 2017-01-19
在前端開發過程中我們經常會遇到給頁面元素添加事件的問題,添加事件的js方法也很多,有直接加到頁面結構上的,有使用一些js事件監聽的方法,由於各個瀏覽器對事件冒泡事件監聽的機制不同,le瀏覽器只有事件冒泡,沒有事件監聽的機制,對於事件監聽的相容性問題是最大的難題:1.直接把事件的方法寫在頁面結構上function eventfun(){ //console.log(this); } <input type="button" onclick="eventfun()"
Time of Update: 2017-01-19
用CONSOLE.LOG()展示數組想象下你構造了如下數組var languages = [{ name: "JavaScript", fileExtension: ".js" },{ name: "TypeScript", fileExtension: ".ts" },{ name: "CoffeeScript", fileExtension: ".coffee" }];console.log(languages);console.log()
Time of Update: 2017-01-19
曾整理過一個各種頁面跳轉方法中referrer丟失的情況,其中提到,在IE中,使用類似 location.href = "a.html"這樣的方式跳轉頁面時,在目標頁面中 document.referrer的值會是空。這應該是IE的一個 bug。大多數情況下,這個問題不會給我們帶來麻煩,但有時候我們不得不用JavaScript來跳轉,同時又要在下一個頁面收集 document.refer,這時就得想想其他辦法了。Form
Time of Update: 2017-01-19
IE6-IE9中tbody的innerHTML不能賦值,重現代碼如下Js代碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IE6-IE9中tbody的innerHTML不能複製bug</title> </head> <body style="height:3000px"> <table> <tbody>
Time of Update: 2017-01-19
window.parent.xxxxx();//xxxxx()代表父頁面方法具體列子如下,其中包括easyUI的右鍵和單擊事件parent.jspbody部分代碼<body class="easyui-layout"> <!-- 左側目錄 --> <div data-options="region:'west',split:true,title:'主題',iconCls:'icon-arrowIn'" style="width: 270px; background:
Time of Update: 2017-01-19
看見一個很有趣的標籤雲,3D球狀,相容 IE 8,親測可用!其他版本沒有測試。覺得挺有意思就拿來記錄下來,學習學習,本文下方會放出我看的文章地址,先看一下效果:接下來是代碼,html + css + js,不是基於jQuery的,所以不需要引入,代碼複製下來就可以看到效果:<div id="div1"><a href="http://www.cnblogs.com/ntt1219/" rel="external nofollow" rel="external nofollow"
Time of Update: 2017-01-19
關於 Image 對象 onload 事件。想擷取的是 image 的 寬高值。所以用 onload 方法。另外是擷取的遠程圖片。但IE在第二次顯示圖片的時候,總是不走 onload 方法。代碼:var img = new Image();img.src = "loading.gif";img.onload = function(){var iheight = img.height;var iwidth = img.width;};後來給xiaoniu同學看了後才知,img.src 應該是放在
Time of Update: 2017-01-19
最近參與一個項目的開發,由於項目是基於瀏覽器的胖用戶端(RIA)應用程式,頁面中大量調用iframe。後期測試發現瀏覽器記憶體一直居高不下,而且開啟iframe頁面越多記憶體佔用越大,在IE系列瀏覽器中尤其明顯。所有開啟的iframe頁面即使關閉了,記憶體使用量也沒有明顯的下降,IE瀏覽器在記憶體佔用達到400M左右就變得很卡。分析發現是iframe沒有釋放造成的,於是對所有已關閉的iframe所佔用的記憶體進行釋放,雖然不能完全釋放,但是iframe記憶體佔用量不會一直增長,整個應用記憶體使用
Time of Update: 2017-01-19
這篇文章主要介紹了通過window.location.search來擷取頁面傳來的參數,經測試是OK的function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i"); var r = window.location.search.substr(1).match(reg); if (r!=null) return (r[2]); return null; }var sname =
Time of Update: 2017-01-19
js監聽滑鼠點擊(onmousedown)和鍵盤點擊(onkeydown)事件並自動跳轉頁面,在學習的朋友可以參考下$(function(){var i = 0;document.onmousedown=function(event){ if(i==1){window.open('http://www.njxblog.com');}//setTimeout(function (){window.open('http://www.jb51.net')},2000);
Time of Update: 2017-01-19
需求和代碼如下:“這是My Code:”<input type="text" id="price2" value="333"/><input type="text" id="trueprice" value="" /><script type="text/javascript">document.getElementById("price2").onkeyup = function() {document.getElementById("trueprice")
Time of Update: 2017-01-19
JavaScript中有三個可以對字串編碼的函數,分別是: escape,encodeURI,encodeURIComponent,相應3個解碼函數:unescape, decodeURI, decodeURIComponent 。下面簡單介紹一下它們的區別:1 escape()函數定義和用法escape() 函數可對字串進行編碼,這樣就可以在所有的電腦上讀取該字串。文法escape(string)參數 描述string 必需。要被轉義或編碼的字串。傳回值已編碼的
Time of Update: 2017-01-19
在做使用者尋找時 因為要把尋找的結果動態載入和顯示,所以,那些html元素要由Ajax動態產生。使用者開啟尋找介面時,有系統推薦的使用者,而當使用者按條件尋找後,尋找的結果動態載入和顯示。所以考慮到用js來搞。
Time of Update: 2017-01-19
如何判斷傳過來的JSON資料中,某個欄位是否存在,1.obj["key"] != undefined這種有缺陷,如果這個key定義了,並且就是很2的賦值為undefined,那麼這句就會出問題了。2.!("key" in obj)3.obj.hasOwnProperty("key")這兩種方法就比較好了,推薦使用。答案原文:Actually, checking for undefined-ness is not an accurate way of testing whether a key
Time of Update: 2017-01-19
可以設定超連結的Disabled屬性的true 和 false來確定超連結是不是能點擊例如:<a herf='http://www.baidu.com' onclick='return click(this);' disabled='ture'>bai du</a>上面的意思是不想讓bai du的超鏈生效,但在click不做任何約束和判斷的話,但點擊bai du的時候自然就會跳轉到百度頁面,這就是html中超連結禁用屬性的bug
Time of Update: 2017-01-19
效果如下:代碼如下:<html><head><title>擷取當前對象大小以及螢幕解析度等</title><body><div style=" width:88%;margin:30px auto; color:blue;" id="div_html"></div><script type="text/javascript">var s = ""; s += " 網頁可見地區寬:"+
Time of Update: 2017-01-19
有時引用其它js時,其js卻使用了window.onload事件,這樣的話,引入的頁面的onload事件就有可能執行不了,怎樣才能兩個都運行呢?除了將兩個寫到一塊兒去的方法外,還有其他的方法if(window.onload!=null){ eval("theOldFun="+window.onload.toString()); window.onload=function(){theOldFun();addReadResource();};
Time of Update: 2017-01-19
1、問題描述:JS中定義widow.location = function(),頁面關閉時,logout()函數未執行。window.onunload = function() {logout();}function logout(reqParam, callback){var userManageServiceUrl = "http://" + getServerAddr() + "/axis2/services/UserManageService";var urlList = [];var