Time of Update: 2017-01-18
解析時用到的方法一般是eval或者new function,而目前IE8和Firefox3.1又內建了原生的JSON對象(據說會有一定的效能提升)。那我們在實際使用的時候怎樣從這三種方法(因為效能問題,不考慮用javascript實現的解析)裡面來選擇呢?面對眾多的瀏覽器,哪種方式的效能是最好的呢? 一、測試方法 1、首先指定測試次數及JSON字串 複製代碼 代碼如下: var count = 10000, o = null, i = 0, jsonString =
Time of Update: 2017-01-18
JSON的規則很簡單: 對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值' 對”之間使用“,”(逗號)分隔。具體細節參考http://www.json.org/json-zh.html 舉個簡單的例子: js 代碼 複製代碼 代碼如下: function showJSON() { var user = { "username":"andy", "age":20, "info": { "tel": "12
Time of Update: 2017-01-18
第一種:JSON方式/對象直接量 格式: var 對象名 = { 變數1: 變數1的值, 變數1: 變數1的值, ……, 函數1: function() { 函數體 }, 函數2: function() { 函數體 }//Note:最後的逗號要去除為了和IE相容。 }; 說明: (1) 大括弧內直接填寫變數或者函數; (2) 對象的內容與值以冒號分隔,成對出現; (3) 包含的變數或者函數之間以逗號分隔; (4) 函數需要寫在function(){}的大括弧之內。 例子: var 對象名 = {
Time of Update: 2017-01-18
包括對象中有集合屬性、對象中引用其他對象屬性: 複製代碼 代碼如下:/** **json對象資料設定到表單域中 */ function jsonObjectToForm(form, jsonObject){ for(i = 0, max = form.elements.length; i < max; i++) { e =
Time of Update: 2017-01-18
最簡單建立命名空間的方法: 複製代碼 代碼如下: var java = {}; java.util = {}; //這樣就建立成功了命名空間:java.util //我們可以在java.util下面加類(函數),屬性,或對象 java.util.HashMap = function() { this.ShowMessage = function() { alert("java.util.HashMap"); } } var map = new java.util.HashMap();
Time of Update: 2017-01-18
1. AIE (示範地址)AIE是一個開源的ajax圖片編輯器,基於ExtJS與PHP ImageMagick開發,易於與部落格/相簿等其它應用相整合。提供調整圖片大小,裁剪圖片,旋轉/翻轉圖片,應用濾鏡,添加文本,添加浮水印等功能。2. MarkitUp (示範地址)MarkitUp是一個輕量級,可定製,靈活的WYSIWYG Editor。3. SmartMarkUPSmartMarkUP是一個輕量級,強大的JavaScript
Time of Update: 2017-01-18
javascript中的類是用函數function表示的,如下:複製代碼 代碼如下: function Student() { //定義類Student中的欄位,並賦予初值,但此欄位的存取權限是public this.studentNo = 's001'; this.studentName = '小明'; this.sex = '男'; //定義類Student中的方法updateStudentName ,用於修改studentName 值 this.updateStudentName =
Time of Update: 2017-01-18
javascript中的對象建立聲明: var obj = {}; 或者 var obj = new Object(); 為對象加入屬性,方法: //=====第一種寫法==================================== obj.name = '小明'; //為對象加屬性 obj.updateName = function(name){//為對象定義updateName方法 this.name = name; } alert(obj.name);
Time of Update: 2017-01-18
提起物件導向我們就能想到類,對象,封裝,繼承,多態。在《javaScript進階程式設計》(人民郵電出版社,曹力、張欣譯。英文名字是:Professional JavaScript for Web Developers)這本書中描述的還算比較詳細。我們看看JavaScript中定義類的各種方法。 1.工廠方式 javaScript中建立自己的類和對象,我們應該是必須掌握的,我們都知道javaScript中對象的屬性可以在對象建立後動態定義,比如下面的代碼: 複製代碼 代碼如下:
Time of Update: 2017-01-18
OOP 語言使我們有能力自訂對象和變數類型。 物件導向編程 JavaScript 是物件導向的程式設計語言 (OOP)。OOP 語言使我們有能力定義自己的對象和變數類型。對象擁有屬性和方法。 屬性 屬性指與對象有關的值。 舉例: 複製代碼 代碼如下: <script type="text/javascript"> var txt="Hello World!" document.write(txt.length) //使用字串對象的長度屬性來計算字串中的字元數目,輸出為:12 <
Time of Update: 2017-01-18
可以看看這個例子: 複製代碼 代碼如下: var a = 'global'; (function () { alert(a); var a = 'local'; })(); 大家第一眼看到這個例子覺得輸出結果是什嗎?‘global'?還是‘local'?其實都不是,輸出的是undefined,不用迷惑,我的題外話就是為了講這個東西的。 其實很簡單,看一看JavaScript運行機制就會明白。我們可以把這種現象看做“預聲明”。但是如果稍微深究一下,會明白得更透徹。
Time of Update: 2017-01-18
先上一段最簡單的: 複製代碼 代碼如下: // 以下幾行代碼展示了命名空間、類、以及函數的類比定義和使用: NameSpace = {}; NameSpace.Class = function(){ this.Method = function(info){alert(info);} }; new NameSpace.Class().Method("Hello world"); 再來一些可見到的,各種情況的代碼 1.類的類比 複製代碼 代碼如下: // 類定義 function
Time of Update: 2017-01-18
擷取編輯器中HTML內容 複製代碼 代碼如下: function getEditorHTMLContents(EditorName) { var oEditor = FCKeditorAPI.GetInstance(EditorName); return(oEditor.GetXHTML(true)); } 擷取編輯器中文字內容 複製代碼 代碼如下: function getEditorTextContents(EditorName) { var oEditor = FCKeditorAPI.
Time of Update: 2017-01-18
複製代碼 代碼如下: function keyPress(ev){ if(ev.keyCode==13){ //在游標所在處建立一個地區. var range=document.selection.createRange(); //將地區的內容設定成為分行符號. range.text="\n"; //將地區的起始點向右移動一個字元的長度. range.moveStart("character", 1); //將游標移動到地區的結尾.(若為false則是移動到起始位置).
Time of Update: 2017-01-18
服務端後台返回到用戶端的JSON格式字串: var str = '[{"uname":"王強","day":"2010/06/17"},{"uname":"王海雲","day":"2010/06/11"}]'; 我們把它轉換成JSON對象:var jsonList=eval("("+str+")");這時候如果以用斷點跟蹤查看這個jsonList對象,其實你會發現,他的長度為2,即jsonList.length=2。它的每一項都是一個單獨的JSON對象。請看下圖:
Time of Update: 2017-01-18
JSON 格式可以使對象(object)、數組(array)、值(value)、字串(string)、數值(number)。 複製代碼 代碼如下: <script type="text/javascript"> var user = { "Name":"Andy", "Sex" :"man", "Age" :"20", "Phone":{"mobilephone":"123456789","telephone":"1234-12345678"},
Time of Update: 2017-01-18
JSON的規則很簡單: 對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值' 對”之間使用“,”(逗號)分隔。具體細節參考http://www.json.org/json-zh.html 這篇有個入門的文章,也可以參考下 JSON 學習之完全手冊圖文舉個簡單的例子: js 代碼 複製代碼 代碼如下: function showJSON() { var user = { "username":"andy",
Time of Update: 2017-01-18
json轉html 三重奏 原料:json 複製代碼 代碼如下: var json={ 'div':{id:'flower',className:"a1",sub:[ { 'ul':{id:'flower1',className:["a2","a3"],sub:[ {'li':{num:3,con:"內容內容內容",fn:{'click':function(){alert('我是LiLi')}}}} ]} }, { 'ul':{id:'flower4',className:["a2","a3"]
Time of Update: 2017-01-18
複製代碼 代碼如下: /* author: liulf function: var __db_cpcj=vCpcj; var __db_cp=vCp; var vCp={"cppage":[ {"cpdh":"A01000101","page":"1","ca":"1309-36-0","mc":"硫鐵礦","ename":"Pyrite","bm":"黃鐵礦"},
Time of Update: 2017-01-18
複製代碼 代碼如下:<script type="text/javascript" src="scripts/json/json2.js"></script> <script type="text/javascript" src="scripts/json/jsonmessage.js"></script> 一、在javascript中使用JSON建立一個對象 Js代碼 複製代碼 代碼如下: //建立一個Null 物件 var JSONObject