Time of Update: 2018-12-08
關鍵點:1、對瀏覽器版本的判斷;2、修改樣式表路徑 其中第二點也常用在即時修改網頁模板、論壇風格的場合,實際上就是修改樣式表路徑來載入不同的樣式表。 代碼: 複製代碼 代碼如下:<script type="text/javascript"> var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); try{
Time of Update: 2018-12-08
對於非ie瀏覽器他是用flash來實現的,js代碼如下: 複製代碼 代碼如下:<script type="text/javascript"> function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData("Text", copyText) } else { var flashcopier = 'flashcopier';
Time of Update: 2018-12-08
首先引入JavaScript API檔案 <script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script> 此API提供的介面共有6個,geoip_country_code(){國家代碼},geoip_country_ name(){國家名稱},geoip_city()
Time of Update: 2018-12-08
事件流 JavaScript 的事件是以一種流的形式存在的,一個事件會有多個元素同時響應。有時候這不是我們 想要的,我們只需要某個特定的元素響應我們的綁定事件就可以了。 事件分類 捕獲型事件(非IE)、冒泡型事件(所有瀏覽器都支援) 捕獲型事件是自上而下的,而冒泡型事件是自下而上的。下面我用一個圖來直觀表示: 冒泡型事件我們在工作中可能會比較多遇到,但捕獲型事件怎樣才會執行到呢,如果我們想要在非 IE 瀏覽器中 要建立捕獲型事件,只需將 addEventListener
Time of Update: 2018-12-08
本文介紹的方法,觸發條件獨立,可以全選或取消全選指定 name 的 CheckBox , 同一頁面可以有多組供全選的 CheckBox ,功能健全,通用性較強。 :運行查看效果: 字母全選開關 a b c d e f g 數字全選開關 1 2 3
Time of Update: 2018-12-08
所以在原來的基礎上改了下,封裝起來,並做了進一步的最佳化,這樣同一個頁面就可以使用多個這樣的效果了,xhtm和css沒有變化,感興趣的朋友可以在js上面可以跟之前的代碼做個對比,這樣更容易理解和掌握。有什麼問題和建議請回帖 @&@1.xhtml複製代碼 代碼如下:<div class="jfocus"> <div id="jfocuspic"> <a href="#" style="display:block;">圖片一</a>
Time of Update: 2018-12-08
在一些Javascript庫中可以看見這種寫法: 複製代碼 代碼如下:(function(){ //所有庫代碼代碼 })();
Time of Update: 2018-12-08
大家在使用JavaScript的時候,DOM操作是最平常不過的了,
Time of Update: 2018-12-08
在實際中,我們可以在注釋中定義好介面,在實際的代碼中予以實現 比如: 複製代碼 代碼如下: /* interface Composite { function add(child); function remove(child); function getChild(index); } interface FormItem { function save(); } */ var CompositeForm = function(id, method, action) { //
Time of Update: 2018-12-08
複製代碼 代碼如下:function A(x) { this.x = x; } var obj = new A(5); alert(obj.x); 這段代碼十分簡單,但是我們重要的是看到了一個十分驚訝的結果,obj被我們賦予了一個屬性x,就如同我們在C#中使用某個類的執行個體的時候一樣。那麼這個屬性是怎麼樣產生的呢? 關鍵語句:this.x=x。這句話就是進行一個屬性的申明與賦值,這裡,我們肯定會問到,this是什嗎?為什麼可以使用this.x來進行申明與賦值屬性呢?
Time of Update: 2018-12-08
1、問題背景: 在做項目時候遇到一個小小的顯示客戶部門名稱(拼音)的業務,就是在部門名稱下有相應的拼音,而在現有的資料庫中沒有相應欄位,並且部門數量比較多,添加起來比較費時,就想能否在js中實現,在頁面中處理。 2、原理描述 程式原理很簡單,網上可以找到漢字拼音的資料字典,但是由於大家都知道GB2312編碼裡面漢字是按拼音排序的,只要知道各個拼音為首的漢字代碼,就可以計算所有漢字的拼音代碼了。
Time of Update: 2018-12-08
1. 判斷表單元素是否存在(一) 複製代碼 代碼如下:if("periodPerMonth" in document.theForm) { return true; } else{ return false; } 2. 判斷頁面元素是否存在 複製代碼 代碼如下:if(document.getElementById("XXX")) { //存在 } 3. 判斷表單元素是否存在(二) 複製代碼 代碼如下:if(document.theForm.periodPerMonth) { //存在 } 或
Time of Update: 2018-12-08
1. 標準的方法 複製代碼 代碼如下:<script type="text/javascript"> function openWin(src, width, height, showScroll){ window.showModalDialog (src,"","location:No;status:No;help:No;dialogWidth:"+width+";dialogHeight:"+height+";scroll:"+showScroll+";"); }
Time of Update: 2018-12-08
當然,這個分時載入技術只是一個輔助技術,本身沒有添加節點的能力。如今,另一種更奇特的技術Asynchronous innerHTML又被開發出來了,不能不贊一下外國人在這方面研究是非常超前的。 複製代碼 代碼如下:function asyncInnerHTML(HTML, callback) { var temp = document.createElement('div'), frag = document.createDocumentFragment(); temp.innerHTML =
Time of Update: 2018-12-08
文章目錄 Array 對象的屬性 Javascript的數組實質是對象,它把數組的下標轉換成字串,用其作為屬性,因此它明顯比真正的數組慢,但它可以更方便地使用。 改變自身pop,push,reverse,shift,sort,splice,unshift, 不改變自身concat,join,slice,indexOf,lastIndexOf(後兩個為1.6),1.6新增的迭代器:map,filter,forEach,every,some,1
Time of Update: 2018-12-08
做法: 修改Input的outerHTML; 具體例子: 複製代碼 代碼如下:function resetInput() { var controls = document.getElementsByTagName('input'); for(var i=0; i<controls.length; i++){ if(controls[i].type=='text') { if(controls[i].value =="") {
Time of Update: 2018-12-08
1.儲存html頁面到word 複製代碼 代碼如下:<HTML> <HEAD> <title> </title> </HEAD> <body> <form id="form"> <table id = "PrintA" width="100%" border="1" cellspacing="0" cellpadding="0" > <TR style="text-align : center;
Time of Update: 2018-12-08
本人第一次看到這個東東的時候,以為就是“變相”的普通參數,只不過不用在定義函數的時候明確聲明而已。 不過,代碼是廉價的(Code is cheap.)看代碼: function funcTest(a, b) { alert(a); alert(b); for ( var i = 0 ; i < arguments.length; i ++ ) { alert(arguments[i]); } } function test() { funcTest( 1 , 2 , 3 ); //
Time of Update: 2018-12-08
1.建立Array對象(賦初值情況下)兩種方法: var aColor=new Array('red','black','yellow'); alert(aColor.toString());//output: red,black,yellow var aColor=['red','black','blue']; alert(aColor.toString());//output: red,black,blue 2.length:擷取數組長度 3.toString():輸出數組中的所有元素。
Time of Update: 2018-12-08
JavaScript解析讀取XML檔案,主要就是載入並解析XML檔案,然後就可以測試解析的XML檔案的內容,列印輸出來。 線上示範:http://demo.jb51.net/js/2012/readxml/註:測試的時候需要在網站中測試,iis或apache中,注意不要本地雙擊運行測試index.htm複製代碼 代碼如下:<html> <head> <title>指令碼之家</title> <script