JS建立物件最常用的方法就是使用JSON格式的語法
這裡只要簡單的記住JSON的二個符號就OK
{} 代表一個物件
[] 代表陣列,陣列元素型別任意
寫一個簡單的json物件
var obj={
name:"zhangsan",
age:10,
into:function(){alert(this.name+" "+this.age)};
};
obj就是一個js的物件,該語法完全符合json的語法。
下面一個例子就是使用json格式的資料進行級聯選單的實現。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<select id="province" style="width:150px">
</select>
<select id="cities" style="width:150px">
</select>
<script type="text/javascript" src="cascade.js">
</script>
</body>
</html>
cascase.js
var data = [ {
id : 1,
name : "湖南",
cities : [ {
id : 11,
name : "衡陽"
}, {
id : 12,
name : "岳陽"
}, {
id : 13,
name : "花果山"
}, {
id : 14,
name : "尚陽"
} ]
}, {
id : 2,
name : "黑龍江",
cities : [ {
id : 21,
name : "齊齊哈爾"
}, {
id : 22,
name : "大慶"
}, {
id : 23,
name : "佳木斯"
}, {
id : 24,
name : "宜春"
} ]
} ];
var province = document.getElementById("province");
var cities = document.getElementById("cities");
province.innerHTML="";
for ( var i=0,len=data.length;i<len;i++) {
var op=document.createElement("option");
op.value=data[i].id;
op.innerHTML=data[i].name;
province.appendChild(op);
}
province.onchange=function(){
cities.innerHTML="";
var showcities=data[province.value-1].cities;
for(var i=0,len=showcities.length;i<len;i++){
var op=document.createElement("option");
op.Value=showcities[i].id;
op.innerHTML=showcities[i].name;
cities.appendChild(op);
}
};
相關推薦
JS建立物件最常用的方法就是使用JSON格式的語法
這裡只要簡單的記住JSON的二個符號就OK {} 代表一個物件 [] 代表陣列,陣列元素型別任意 寫一個簡單的json物件 var obj={ name:"zhangsan", age:10, into:function(){alert(this.name+" "
js String物件中常用方法小結(字串操作)
1、charCodeAt方法返回一個整數,代表指定位置字元的Unicode編碼。 strObj.charCodeAt(index) 說明: index將被處理字元的從零開始計數的編號。有效值為0到字串長度減1的數字。 如果指定位置沒有字元,將返回NaN。 例如: var s
JS建立物件的三種方法
JS建立物件的三種方法 工廠模式: function person(name,age,job){ var obj = new Object(); obj.name = name; obj.age = age; obj.sayName = function(){ alert
JS中String物件的常用方法
1、charCodeAt方法返回一個整數,代表指定位置字元的Unicode編碼。 strObj.charCodeAt(index) 說明: index將被處理字元的從零開始計數的編號。有效值為0到字串長度減1的數字。 如果指定位置沒有字元,將返回NaN。 例如: var str = “ABC
js---Array物件的常用遍歷方法
1.forEach(),遍歷陣列的每個元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍歷陣列的每個元素 arrFor.forEach((item,index) => {
JS建立物件的三種方式和閉包的兩種常用場景
物件建立的三種方式 ①通過new關鍵字建立物件 var obj = new Object(); obj.name = 'daxue'; obj.age = 28; obj.fun = function(){ } alert(obj.age); ②簡單字面量
js中我最常用的幾種遍歷處理資料的方法梳理
forEach,Object.keys,map,for in ,for of,reduce,every1,forEach 用於遍歷【陣列】data.forEach(( item, index ) => { console.log('元素:', item ,';下標
JS中Array物件和String物件的常用方法
1.陣列的建立: 使用字面量建立: var arr = [10,20,20,40]; 使用建構函式建立陣列 var arr = new Array(1,2,3,4); 2.陣列元素的型別:
js建立物件的幾種常用方式
第一種模式:工廠方式 Js程式碼 var lev=function(){ return "啊打"; }; function Parent(){ var Child = new Object(); Child.name="李小龍";
js建立物件的7種方法
ECMAScript5以及之前沒有類的概念,js中每個物件都是基於引用型別建立的 1. 建立物件—工廠模式 使用一個工廠函式來建立物件,該工廠函式接收引數構建物件必要資訊,並返回一個物件,每一次呼叫該工廠函式就返回一個物件 例如: functio
JS建立物件幾種不同方法詳解
1、工廠模式 弊端:沒有解決物件的識別問題,即怎麼知道一個物件的型別。 2、建構函式模式 與工廠模式相比: 1、沒有顯式的建立物件 2、直接將屬性和方法賦給了this物件 3、沒有return語句 要建立person的例項,必須使用new操作符,
js 建立物件的幾種常用的方式
建立物件的幾種常用的方式: 1,工廠方式; 2,建構函式方式; 3,原型方式; 4,建構函式與原型的混合方式; 5,動態原型方式。 第一種模式:工廠方式 複製程式碼程式碼如下: var lev=function(){ return "指令碼之家";
js 建立物件的三種方式 及獲取屬性新增屬性的方法
1:直接量法 var obj = { } ;//這是一個空物件 var point = {x:0,y=0}; //point物件有兩個屬性 x 和 y 2.通過new 建立物件 var
js字符串常用方法總結
總結 方法 一個 兩個 asc color 指定 mit str 1、str.length——獲取字符串長度(字符串屬性) 1 var str = ‘JavaScript‘; 2 str.length; // 10 2、str.charAt(index)——返回字符串的
js中數組常用方法總結
dds 設置 布爾 nsh border 方式 cal AR 操作數 前言 從事前端到現在也有快兩年了,平時也會收集整理一些筆記放在印象筆記,不過收集過之後就在沒有看過,經大佬指點,真正掌握一個知識點,最好的方式就是用自己的話把內容講明白,就開始將以前零散的東西整合一下,和
JS建立物件,陣列,函式的三種方式
害怕自己忘記,簡單總結一下 建立物件的3種方法 ①:建立一個空物件 var obj = {}; ②:物件字面量 var obj = { name: "Tom", age: 27 } ③
JSP內建物件及常用方法
JSP九大內建物件作用域名 name 名稱 型別 作用域 request 請求物件 javax.servlet.ServleRequest Request
正則表示式—— Pattern 物件的常用方法
match 方法 match 方法用於查詢字串的頭部(也可以指定起始位置),它是一次匹配,只要找到了一個匹配的結果就返回,而不是查詢所有匹配的結果。它的一般使用形式如下: match(string[, pos[, endpos]]) 其中,string 是待匹配的字串,pos
js屬性物件的hasOwnProperty方法
Object的hasOwnProperty()方法返回一個布林值,判斷物件是否包含特定的自身(非繼承)屬性。 判斷自身屬性是否存在 var o = new Object(); o.prop = 'exists'; function changeO() { o.newprop = o.prop; d
在Java中建立物件的不同方法是什麼?
在這篇快速文章中,我們將討論在Java中建立物件的五種不同方法。我們知道,類是建立物件的模板或藍圖。讓我們列出在Java中建立物件的不同方法。 用Java建立物件的5種不同方法 1.使用新關鍵字 2.使用 newInstance() Class類的方法 3.使用&n