Time of Update: 2017-01-19
雲棲社區 www.jb51.net
Time of Update: 2017-01-19
在JavaScript中全域變數經常會引起命名衝突,甚至有時侯重寫變數也不是按照你想像中的順序來的,可以看看下面的例子:複製代碼 代碼如下:var sayHello = function() { return 'Hello var';};function sayHello(name) { return 'Hello function';};sayHello();最終的輸出為複製代碼 代碼如下:> "Hello var"為什麼會這樣,根據 StackOverFlow
Time of Update: 2017-01-19
複製代碼 代碼如下: var YX = { //得到JS內建資料類型的類型,傳回值包括[Date,RegExp,Number,String,Array,Boolean,Function,null,undefined,Object] getType : function(obj){ return obj == null ? obj + "" : Object.prototype.toString.call(obj).slice(8,-1); } //建立一個簡單的類 ,createClass :
Time of Update: 2017-01-19
(1)簡化代碼 JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的: 複製代碼 代碼如下: var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; 下面的寫法可以達到同樣的效果: 複製代碼 代碼如下: var car = { colour:'red', wheels:4, hubcaps:'spinning',
Time of Update: 2017-01-19
而本文所提到的預先載入技術主要是讓javascript快速擷取圖標題部資料的尺寸。一段典型的使用預先載入擷取圖片大小的例子: 複製代碼 代碼如下: var imgLoad = function (url, callback) { var img = new Image(); img.src = url; if (img.complete) { callback(img.width, img.height); } else { img.onload = function () {
Time of Update: 2017-01-19
舉一個例子: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 試一下就知道這段代碼的意思就是聲明一個函數,然後立刻執行,因為Javascript中的變數範圍是基於函數的,所以這樣可以避免變數汙染,但這裡的位元運算符“~”乍一看讓人摸不到頭腦,如果去掉它再運行則會報錯:SyntaxError。 在闡述為什麼之前,讓我們先來明確Javascript中的兩個概念:函式宣告和函數運算式: 先來看看什麼樣的是函式宣告: [Ctrl+A 全選
Time of Update: 2017-01-19
1. 簡化代碼 JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的: 複製代碼 代碼如下: <SPAN style="FONT-FAMILY: verdana, geneva">var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; </SPAN> 下面的寫法可以達到同樣的效果: 複製代碼 代碼如下:
Time of Update: 2017-01-19
Javascript裡非同步編程逐漸被大家接受,先前大家一般通過回調嵌套,setTimeout、setInterval等方式實現,代碼看起來非常不直觀,不看整個代碼邏輯很難快速理解。Javascript裡非同步函數大概有I/O函數(Ajax、postMessage、img load、script
Time of Update: 2017-01-19
Douglas Crockford已經傳授了一個有用的單例模式(singleton pattern)實現此規則,我認為他的模式有益於你基於YUI的那些應用。Douglas叫它模組模式(module pattern)。它是如下工作的: 1、建立一個命名空間對象:如果你使用YUI,可以用YAHOO.namespace()方法: YAHOO.namespace("myProject");這分配了一個空的myProject對象,是YAHOO的一個成員(如 果myProject已存在的話,則不會被覆蓋)。
Time of Update: 2017-01-19
當時考慮有三種方法: 1.直接把路徑寫在js檔案裡,但如果引用頁面路徑層級改變就沒轍了。 2.寫個class,放在主題包裡的css檔案或者單獨建立一個css檔案給日期控制項專用。但是控制項中的其他元素並沒有使用class的需要,單獨建立相應css文檔似乎小題大做。 3.把以上兩個方法排除後,自然要採用動態載入圖片路徑的方法咯。 關鍵代碼如下: 複製代碼 代碼如下: //建立一個全域變數儲存路徑 var imgRootUrl = ""; //擷取圖片路徑所在目錄 var
Time of Update: 2017-01-19
一、判斷 文法 prop in objectName 如果objectName指向的對象中含有prop這個屬性或者索引值,in運算子會返回true。 複製代碼 代碼如下: var arr = ['one','two','three','four']; arr.five = '5'; 0 in arr;//true 'one' in arr; //false,只可判斷數組的索引值 'five' in arr;//true,'five'是arr對象的屬性 'length' in
Time of Update: 2017-01-19
他老人家說將所要執行的代碼放在如< script language="JavaScript1.2" >所示嵌套下。但是當問到檢測javascript版本時,得到如下代碼: 複製代碼 代碼如下: var JS_ver = []; (Number.prototype.toFixed)?JS_ver.push("1.5"):false; ([].indexOf && [].forEach)?JS_ver.push("1.6"):false; ((function(){try {[a,b]
Time of Update: 2017-01-19
關鍵字高亮顯示 雲棲社區是一個專業的收集各類指令碼學習資料的網站,盡量修正錯誤打造精品指令碼類學習網站,我們為大家遊戲指令碼資源,源碼,軟體,asp,php,javascript等編程資料,是網頁製作,網路編程,網站建設人士的聚集場所。 提供最新的網路編程、指令碼編程、網頁製作、網頁設計、網頁特效,為站長與網路編程從業者提供學習資料。 指令碼,vbscript,Regex,jquery,dos,bat,批處理,javascript,Photoshop,HTML,div+css,
Time of Update: 2017-01-19
複製代碼 代碼如下: <SCRIPT LANGUAGE="JavaScript"> <!-- function Sleep(obj,iMinSecond) { if (window.eventList==null) window.eventList=new Array(); var ind=-1; for (var i=0;i<window.eventList.length;i++) { if (window.eventList[i]==null) {
Time of Update: 2017-01-19
【程式源碼】 複製代碼 代碼如下: var QQ = function() { // 公用函數 function T$(id) { return document.getElementById(id); } function T$$(root, tag) { return (root || document).getElementsByTagName(tag); } function $extend(des, src) { for(var p in src) { des[p] = src[p];
Time of Update: 2017-01-19
看到BlueDream在他部落格上寫的javascript仿QQ滑動菜單的效果,代碼實在是優雅,相比較差別一下就凸顯了,下次再把他代碼的精髓偷過來,嘿嘿。 【原理簡述】 html和css跟JQuery實現圖片輪播效果裡面的一樣,略去。主要是幾個公用函數,漸顯和漸失,用閉包實現。至於主體邏輯部分,非常一般。 【程式源碼】 貼幾個公用函數算了,fadeIn,漸顯,fadeOut,漸失 複製代碼 代碼如下: function id(name) {return
Time of Update: 2017-01-19
通過JavaScript 來計算當前圖片載入的張數。 原理: 先定義一個圖片的數組,然後通過image的onload事件來計算,注意,onload在ie和Firefox有所不同。 最後需要一個進度條與之結合即可。 這個指令碼在做遊戲的地方用得比較多。 示範: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Time of Update: 2017-01-19
前段時間看《JavaScript進階程式設計》終於找到了一點點介紹: \xnn 以十六進位代碼nn表示的一個字元(n:0-F) \unnn以十六進位代碼錶示的一個Unicode字元(n:0-F) 今天由於一個自己的一個需求需要知道一些漢字的十六進位表示,因此自己寫了兩個方法,可以將文字轉換為16進位的表示形式,也可以將16進位代碼轉換回漢字。方法如下: 複製代碼 代碼如下: //將文字轉換為16進位 function textToSix(str) { return
Time of Update: 2017-01-19
每種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變數,這門指令碼語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。 (1)簡化代碼 JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的: 複製代碼 代碼如下: var car = new Object(); car.colour = 'red'; car.wheels = 4;
Time of Update: 2017-01-19
先來看看現象: 複製代碼 代碼如下: <html> <head> <title>apply_and_call</title> </head> <body onload="init()"> <div id="testDiv" style="position: absolute; border: 1px solid gray; width:100px; height: 100px"></div> <