Time of Update: 2017-01-19
非同步載入css檔案或者非同步載入css模組,支援所有瀏覽器,包括IE,參考至javascript進階編程1.createLink方法用於建立一個style標籤並添加到head標籤中2.createModule方法用於建立一個style樣式表的標籤,並且如果在IE8以下的版本運行會拋出異常,在異常捕獲模組中執行style.styleSheet.cssText相容IE添加style的樣式內容。<button id="demo">css檔案</button>
Time of Update: 2017-01-19
本文執行個體總結了JavaScript對象建立模式。分享給大家供大家參考,具體如下:在JavaScript中建立對象是很容易的,可以使用對象字面量或者建構函式。常用的建立對象的模式有以下幾種:一. 原廠模式原廠模式抽象了具體對象的過程,用函數來封裝以特ing介面建立對象的細節。如下:function createAnimal(name, age) { var o = new Object(); o.name = name; o.age = age; o.sayName =
Time of Update: 2017-01-19
mxml頁面:<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" xmlns:code="http:/
Time of Update: 2017-01-19
只是個簡單的日曆模板,各位可根據需要自行添加需要的功能。該模板更多的是提供了關於年、月、日、月初、月末、星期的擷取函數。各位可根據需要自行擷取。歡迎提供更簡便的方式方法,互相學習提高!謝謝~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>日曆</title> <style type="text/css"> * {
Time of Update: 2017-01-19
一、JS 拖拽的實現執行個體代碼:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>拖拽js</title> <style type="text/css"> html, body { overflow:hidden; } body, div, { margin:0; padding:0; } body { color:#
Time of Update: 2017-01-19
node list 雲棲社區 www.jb51.net 分離式js 0 1 2 3 4 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
IE下有 onmouseenter和onmouseleave來解決。 可惜ff就沒有。 我再想 , 為什麼這麼好的功能,為什麼ff不引用呢? 還有ie中的onpropertychange ,哎,ff中都沒有。。。 對比例子中引入了一段js ,來相容FF的onmouseenter和onmouseleave. : 複製代碼 代碼如下:var xb = {
Time of Update: 2017-01-19
表格隨機排序練習 by 阿會楠 A B C D E F 雲棲社區 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
怎樣編製留言簿程式呢?留言簿程式並不難,有很多選擇可以實現,如CGI程式等等。本文介紹怎樣用JavaScript編製留言簿程式,下面是一個完整的例子。 ----我們提供了一個表單,表單裡有姓名、客人的電子郵件地址、使用的瀏覽器版本、國家名、意見和建議和所喜歡的網站等等。客人填寫完這些欄位後,按Submit按鈕,資訊就會通過電子郵件的形式寄給你。程式中提供了幾個函數,大部分是用來對欄位進行合法性檢查的。下面我們對函數作一個簡單的說明。
Time of Update: 2017-01-19
this是物件導向語言中的一個重要概念,在JAVA,C#等大型語言中,this固定指向運行時的當前對象。但是在javascript中,由於 javascript的動態性(解釋執行,當然也有簡單的先行編譯過程),this的指向在運行時才確定。這個特性在給我們帶來迷惑的同時也帶來了編程上的 自由和靈活,結合apply(call)方法,可以使JS變得異常強大。2.變化的this
Time of Update: 2017-01-19
第一個太簡單就不說了,第二個也很簡單,但每個人都有不同的實現方法,下面給一個比較簡潔的做法,支援IE6、IE7、FF2,其他瀏覽器未測試(可以擴充一下用到ASP.NET的GridView裡): 滑鼠划過表格行變色-簡潔實現 商品名稱 單價 庫存數量 貨位 丁學最喜歡的仙四豪華版-菱紗版 139 10000000 A12-253 仙四豪華版-夢璃版 139 10000000 A12-254 仙四普通版-首發 69 10000000 A12-255
Time of Update: 2017-01-19
下面是他們的字串規則: 1、<(script|link|style|iframe)(.|\n)*<\/\1>\s* 2、\s*on[a-z]+\s*=\s*("[^"]+"|'[^']+'|[^\s]+)\s*(?=>)
Time of Update: 2017-01-19
函數直接量,適用於只使用一次,無需命名的函數。如下例,後者雖有fact函數名,但只用作自我調用。 複製代碼 代碼如下:var f = function(x) { return x*x; } var f = function fact(x) { if(x<=1) return 1; else return x*fact(x-1); }; 函數的參數數組:Arguments對象。常用arguments[i]引用,arguments.length等。 對象:
Time of Update: 2017-01-19
例子如下: 複製代碼 代碼如下:<script> /** *動物 */ function Animal(){ this.name='Amimal'; this.showName=function(){ alert(this.name); }; } /* *貓 */ function Cat(){ this.name='cat'; } var animal=new Animal;//建立動物對象 var cat=new Cat;//建立貓對象 animal.showName.call(
Time of Update: 2017-01-19
隱藏表格列,最常見的是如下方式:複製代碼 代碼如下:td.style.display = "none";這種方式的效率極低。例如,隱藏一個千行表格的某列,在我的筆記本(P4 M 1.4G,768M記憶體)上執行需要約 4000毫秒的時間,令人無法忍受。例如如下代碼:複製代碼 代碼如下:<body> <input type=button onclick=hideCol(1) value='隱藏第 2 列'> <input type=button
Time of Update: 2017-01-19
JavaScript中的閉包真心是一個老生常談的問題了,最近面試也是一直問到,我自己的表述能力又不能完全支撐起來,真是抓狂。在回來的路上,我突然想到了一個很簡單的事情,其實我們在做項目時候,其實就經常用到閉包的,可是面試問的時候,回答又往往是我們經常搜到的答案,唉 不管是應付面試 還是真的想學點東西
Time of Update: 2017-01-19
下面是雲棲社區一直也在用的幾種方法 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0;
Time of Update: 2017-01-19
在IE裡有onmouseleave和onmouseenter, 而對於要相容各大瀏覽器的Web開發人員來說還是一件頭疼的事。 雖然網上已經有針對Mozilla Firefox的一些計策,但代碼量也是不容樂觀的。 想尋求比較好的解決方案,於是就翻遍了國內的大小網站,終一無所獲,不得不硬著頭皮去讀國外網站,結果是理想的,因為W3C裡有relatedTarget,於是就有了下邊的解決方案: 複製代碼 代碼如下:function isMouseLeaveOrEnter(e, handler) { if
Time of Update: 2017-01-19
今天我又碼了兩個特效:一個是用原生input[type=range]的,另一個完全自訂的;下面是完整代碼和示範:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0;
Time of Update: 2017-01-19
近年來隨著作業系統的升級以及各種新技術的開發普及,拋棄低版本IE已經是大勢所趨,這對於前端人員來時是個好訊息,可以不用花費太多的時間來做低版本的相容,很多網站採用給予低版本IE以提示的方式(恩,很友好很人道)給遊客,一般是在header上給一個提示,指令碼檢測如下:function getIEVersion(){ var rv = -1; // Return value assumes failure. if(navigator.appName == 'Microsoft