Time of Update: 2015-04-14
標籤:聲明 javascript 局部變數 全域變數 var 最近見群裡有一道關於面試的試題,考察的關於全域變數和局部變數的基礎知識: fun foo(){ var a = b = 0;}
Time of Update: 2015-04-15
javascript非同步處理工作機制詳解,javascript非同步從基礎的層面來講,理解JavaScript的定時器是如何工作的是非常重要的。計時器的執行常常和我們的直觀想象不同,那是因為JavaScript引擎是單線程的。我們先來認識一下下面三個函數是如何控制計時器的。var id = setTimeout(fn, delay); - 初始化一個計時器,然後在指定的時間間隔後執行。該函數返回一個唯一的標誌ID(Number類型),我們可以使用它來取消計時器。var id =
Time of Update: 2015-04-15
js 擷取元素在頁面上的位移量的方法匯總,js位移量使用js製作效果時,我們常常要擷取某個元素在頁面上的位移量(例如tip提示框功能)。而擷取位移量可以直接擷取相對於document的位移量,也可以擷取相對與視口的位移量(viewpoint)加上頁面滾動量(scroll)獲得。1.擷取相對與document的位移量function getOffsetSum(ele){ var top= 0,left=0; while(ele){ top+=ele.offsetTop; left+
Time of Update: 2015-04-15
javascript製作的簡單註冊模組表單驗證,javascript表單一個註冊框 進行表單驗證處理有簡單的驗證提示功能代碼思路也比較簡單輸入框失去焦點時便檢測,並進行處理表單具有 onsubmit = "return check()"行為,處理驗證情況點擊提交表單按鈕時,進行最終的驗證,達到是否通過表單提交的請求。先是最基本的html+css部分 <style type="text/css"> body{margin:0;padding: 0;} .login{
Time of Update: 2015-04-15
Windows系統下使用Sublime搭建nodejs環境,sublimenodejs1.下載nodejs,並安裝ok後,配置好環境變數。2.下載sublime text33.在package install 包中新增node外掛程式(或者直接去SublimeText-Nodejs外掛程式(https://github.com/tanepiper/SublimeText-Nodejs)下載,下載之後, 在D:\Program
Time of Update: 2015-04-15
JavaScript中DOM詳解,JavaScriptDOM詳解為了達到平穩退化,向後相容,標記分離的思想,每次寫js代碼時做的第一件事應該是必要的測試和檢查工作:在js檔案裡首先添加以下代碼進行檢查:window.onload = function(){if(!document.getElementsByTagName) return false;if(!document.getElementById) return
Time of Update: 2015-04-15
javascript參考型別指標的工作方式,javascript工作方式先看個例子: <script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined console.log(b.x);// --> [object Object]
Time of Update: 2015-04-15
使用window.prompt()實現彈出使用者輸入的對話方塊,window.prompt彈出無意中看到window.prompt()方法,之前真沒有使用過,孤陋寡聞。不過現在學習下吧。在網頁中,有時需要彈出一個提示框,而且在提示框中還需要使用者輸入一些內容,這就可以用prompt對象,具體實現用法如下。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/
Time of Update: 2015-04-15
javascript繼承的六大模式小結,javascript六大1.原型鏈function SuperType(){this.property = true;}SuperType.prototype.getSuperValue = function(){return this.property;};function SubType(){this.subproperty = false;}//繼承了SuperTypeSubType.prototype = new
Time of Update: 2015-04-15
簡化版手機端相片預覽版組件,簡化版相片預覽版組件可憐的我用著華為3C手機,用別人現成的組件都好卡,為了適應我這種屌絲,於是自己簡化寫了一版的相片預覽版效果,暫時無縮放功能,以後可能有空再加吧,你也可以自己加下,這是個github上的開源項目。它的github地址是:https://github.com/tianxiangbing/mobile-photo-preview下面是預覽圖,使用方法案例:var photoPreview = new MobilePhotoPreview();
Time of Update: 2015-04-15
JavaScript DOM進階方法,javascriptdom進階DOM自身存在很多類型,在上一章中有介紹,比如Element類型:表示的是元素節點;再比如Text類型;表示的是文本節點;一 DOM類型類型名
Time of Update: 2015-04-15
JavaScript 瀏覽器物件模型BOM使用介紹,物件模型bomBOM也叫做瀏覽器物件模型,它提供了很多個物件,用於訪問瀏覽器的功能;這些功能與任何網頁內容無關;BOM缺少規範,每個瀏覽器供應商都按照自己的想法去擴充它,那麼瀏覽器共有對象就成了事實的標準;一 window對象// BOM的核心對象是window,它表示瀏覽器的一個執行個體;// window對象處於JavaScript結構的最頂層;// 對於每個開啟的視窗,系統都會自動為其定義window對象;//
Time of Update: 2015-04-15
為什麼JS中eval處理JSON資料要加括弧,evaljson由於Ajax的興起,JSON這種輕量級的資料格式作為用戶端與伺服器之間的傳輸格式逐漸地流行起來,進而出現的問題是如何將伺服器端構建好的JSON資料轉化為可用的JavaScript對象。利用eval函數無疑是一種簡單而直接的方法。在轉化的時候需要將JSON字串的外麵包裝一層圓括弧:複製代碼 代碼如下:var jsonObject = eval("(" + jsonFormat +
Time of Update: 2015-04-15
jfreechart外掛程式將資料展示成餅狀圖、柱狀圖和折線圖,jfreechart折線本文以展示柱狀圖為例進行介紹,當然這僅僅是一種方法而已;還有很多方法可以用於展示圖表,例如自訂圖表標籤、使用jfreechart外掛程式等;1、匯入js檔案,包含了很多展示方法:複製代碼 代碼如下: <script type="text/javascript" src=<select:link page="/js/ChartObject.js"/>></script>
Time of Update: 2015-04-15
JavaScript 動態載入指令碼和樣式的方法,javascript指令碼一 動態指令碼當網站需求變大,指令碼的需求也逐步變大;我們不得不引入太多的JS指令碼而降低了整站的效能;所以就出現了動態指令碼的概念,在適時的時候載入相應的指令碼;1.動態引入js檔案 var flag = true; if(flag){ loadScript('browserdetect.js'); // 調用函數,引入路徑; } function loadScript(url){
Time of Update: 2015-04-15
JavaScript 事件入門知識,javascript事件入門JavaScript事件是由訪問Web頁面的使用者引起的一系列操作;例如:使用者點擊;當使用者執行某些操作的時候,再去執行一系列代碼;一 事件介紹 事件一般是用於瀏覽器和使用者操作進行互動;最早是IE和Netscape
Time of Update: 2015-04-15
JavaScript DOM動作表格及樣式,javascriptdom一 動作表格<table>標籤是HTML中結構最為複雜的一個,我們可以通過DOM來建立產生它,或者HTMLDOM來操作它;// 使用DOM來建立表格; var table = document.createElement('table'); table.border = 1; table.width = 300; var caption = document.createElement('caption');
Time of Update: 2015-04-15
JavaScript DOM基礎,javascriptdom基礎 DOM(Document Object Model)即文件物件模型,針對HTML和XML文檔的API(應用程式介面); DOM描繪了一個層次化的節點樹,運行開發人員可以添加/移除和修改頁面的某一部分;一 DOM介紹 D(文檔):可以理解為整個Web載入的網頁文檔; O(對象):可以理解為類似window對象之類的東西,可以調用屬性和方法,這裡說的是document對象; M(模型)
Time of Update: 2015-04-15
JavaScript 事件對象介紹,javascript事件對象JavaScript事件的一個重要的方面是它們擁有一些相對一致的特點,可以給開發提供強大的功能;最方便和強大的就是事件對象,它們可以幫你處理滑鼠事件和鍵盤敲擊方面的情況;此外還可以修改一般事件的捕獲/冒泡流的函數;一 事件對象// 事件處理函數的一個標準特性是:以某些方式訪問的事件對象包含有關於當前事件的上下文資訊;// 事件處理由三部分組成:對象.事件處理函數=函數; document.onclick = function(){
Time of Update: 2015-04-15
JavaScript 事件綁定及深入,javascript事件綁定事件綁定分為兩種:一種是傳統事件綁定(內聯模型/指令碼模型);上一章內容;一種是現代事件綁定(DOM2級模型);現代事件綁定在傳統事件綁定基礎上提供了更強大的功能;一 傳統事件綁定的問題// 指令碼模型將一個函數賦值給一個事件處理函數; var box = document.getElementById('box'); // 擷取元素; box.onclick = function(){ //