javascript筆記二
阿新 • • 發佈：2018-11-16
jsdemo1：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <script type="text/javascript"> for(var x=0;x<5;x++){ document.write("x="+x+"<br/>");//在js片段中定義的是全域性變數，在整個頁面有效。 } function show(){ var x=5;//區域性變數 } </script> </body> </html>
jsdemo2：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <script type="text/javascript" src="tool.js"></script> <script type="text/javascript"> //去除字串兩邊的空格 function trim(str){ var start,end;//定義兩個變數 start=0; end=str.length-1; while(start<=end&&str.charAt(start)==" "){ start++; } while(start<=end&&str.charAt(end)==" "){ end--; } return str.substring(start,end); } var str=" abc de " //alert("-"+str+"-"); //alert("-"+trim(str)+"-"); /* 這裡就可以使用一個該字串的原型屬性來完成把自定義的屬性和方法新增到物件中去，對物件進行擴充套件。 原型：就是該物件的一個描述。該描述中如果添加了新功能，那麼該物件就具備這些功能。 而prototype就可以獲取這個原型物件。 通過Prototype就可以對物件的功能進行擴充套件。 需求：想要給string物件新增一個可以去除字串兩端空格的新功能，就可以使用原型屬性來完成。 */ //給string物件新增一個功能。note：給物件新增新功能直接使用 物件.新內容 即可。 String.prototype.len=60;//給string物件新增一個屬性名 名為len，值為199:； // document.write(str.len); //給Stringa物件新增一個方法 //String.prototype.trim=trim; //alert("-"+trim(str)+"-"); //也可以直接放到js檔案中 alert("-"+trim(str)+"-"); </script> </body> </html>
jsdemo3：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <script type="text/javascript" src="../tool.js"></script> <script type="text/javascript"> //練習：把字串變成一個字元陣列。 var arr='abcdefg'.toCharArray(); document.write(arr+"<br/>") </script> </body> </html>
jsdemo4：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript">
/*
給陣列通過原型增加新方法
*/
//獲取陣列的最大值
var arr=["abc","def","iedh","edh"];
var maxValue=arr.getMax();
/*
js中為了簡化物件書寫，可以用whth語句來完成。
格式：
with（物件）{
在該區域可以直接使用物件的內容，不需要寫 物件.
}
*/
with(document){
write(arr+"<br/><hr/>");
write(maxValue);
}
</script>
</body>
</html>jsdemo5：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript">
/*
全域性變數的使用：
*/
//把其他進位制的數變成10進位制
var num=parseInt("110",10);
println(num);
var num=parseInt("110",2);
println(num);
</script>
<script type="text/javascript">
/*
Number物件的使用
*/
//將十進位制的數變成其他進位制
print("<hr>");
var num=10;
println(num.toString(2));
</script>
<script type="text/javascript">
/*
js中的特有語句：for in
格式：
for(變數 in 物件){
}
*/
print("<hr>");
var arer=[32,51,612];
for(i in arer){
println("i="+arer[i]);
}
</script>
</body>
</html>jsdemo6：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="tool.js"></script>
<script type="text/javascript">
/*
js中自定義物件：
*/
//方式一：
/*
function Person(name,age){
this.name=name;
this.age=age;
this.setName=function(name){
this.name=name;
}
this.getName=function(){
return this.name;
}
}
var p1=new Person("大黃",20);
println(p1.name);
print("<hr/>");
p1.setName("小黃");
println(p1.name);
print("<hr/>");
println(p1.getName());
for(i in p1){
println(i+":"+p1[i]);
}
print("<hr/>");
//方式二：通過{}來定義屬性和值得鍵值對形式。鍵值之間通過“：”連線，鍵之間通過“，”隔開。
var pp={
"name":"漢卿","age":20,
"getName":function(){
return this.name;
}
}
//獲取物件成員的兩種方式：一種是 物件.屬性名 另外一種是 物件["屬性名"]
println(pp["name"]+":"+pp.age);
var map={
8:"小i",5:"大k",9:"mini氺"
}
println(map[8]);
*/
</script>
<script type="text/javascript">
var obj1={
"name":"漢卿","age":19
}
//println(obj1.name+":"+obj1["age"]);
var obj2={
name:"學良",age:20
}
//println(obj2.name+":"+obj2["age"]);
//area:[{p:["奉天","熱河","吉林"]},{b:["奉系","直系","皖系"]}],
var mymap={
name:["漢卿","學良","雨亭"],age:[19,20,60],
area:[{p:["奉天","熱河","吉林"]},{b:["奉系","直系","皖系"]}]
}
//println(mymap.name[1]);
println(mymap.area[0].p[1]);
</script>
</body>
</html>