javascript笔记二

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>

猜你喜欢

转载自blog.csdn.net/TDOA1024/article/details/83311147
今日推荐