js入门例子小结一-CSDN博客

本文链接：https://blog.csdn.net/u012270113/article/details/18418869

感谢张龙的视频

js2.html

<script type="text/javascript">
with (document)//with 语句通常用来缩短特定情形下必须写的代码量
{
write("<ol>");
write("<li>hello</li>");
write("<li>world</li>");
write("<li>welcome xiaobai</li>");
write("</ol>");
}
</script>

js3.html

<script type="text/javascript">
//for...in 遍历对象的属性值
function member(name,gender){
this.name = name;
this.gender = gender;
}

function showProperty(obj,objString){
var str = "";
for(var i in obj){
str += objString + "." + i + "= "+ obj[i] +"<br>";
}

return str;
}

var obj = new member("流民","男");//调用functionmember(name,gender)的构造方法生成对象
document.writeln(showProperty(obj,"person"));

</script>

js4.html

<script type="text/javascript">
//日期对象的使用
var date = new Date();
var day = date.getDay();
if(0==day)
{day = "日";
}
document.writeln("现在时刻: "+(date.getYear()+1900)+"年 "+(date.getMonth()+1)+"月 "+date.getDate()+"日 "+" 星期"+day+"   "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds())
　　</script>

js5.html

<script type="text/javascript">
//数组对象的使用
//var fruit = new Array("苹果","香蕉","鸭梨");
//fruit = ["苹果","香蕉","鸭梨"];
var fruit = new Array();
fruit.push("苹果");
fruit.push("香蕉");
fruit.push("鸭梨");
fruit.push("香蕉");
fruit.push("西瓜");
for(var i =0; i < fruit.length;i++){
document.writeln("fruit["+i+"]="+fruit[i]+"<br>")
}
</script>

js6.html

<script type="text/javascript">
//数组对象的几种方法使用
var fruit = ["苹果","梨子","香蕉"];

with(document){
write("<ol>");
write("<li>"+fruit.length+"</li>");
write("<li>"+fruit.join()+"</li>");
write("<li>"+fruit.join("?")+"</li>");
write("<li>"+fruit.valueOf()+"</li>");
write("<li>"+fruit.reverse()+"</li>");
write("<li>"+fruit.join()+"</li>");
write("<li>"+fruit.toString()+"</li>");
wtite("</ol>");
}
</script>

js7.html

<script type="text/javascript">
//二维数组的使用
var  fruit = new Array();

fruit[0] = new Array("apple",2);
fruit[1] = new Array("banana",3);
fruit[2] = new Array("pear",5);

for(var i = 0; i < fruit.length; i++){
for(var j = 0; j < fruit[i].length; j++){
document.write("fruit["+i+"]["+j+"]="+fruit[i][j]+"<br>");
}

document.write("<br>");
}

　　</script>

js8.html

<script type="text/javascript">
//字符串对象的常用方法
var str = "javaScript";
var num = 1234;

with(document){
write(str.charAt(5),"<br>");
write(str.toUpperCase(),"<br>");
write(str.indexOf("S", 0),"<br>");
write(num.toString().substring(1, 5),"<br>");
}

</script>

js9.html

<script type="text/javascript">
	function isCheck() {
		var email = document.getElementsByName("email")[0].value;
		document.write(email);
		
		if (email.indexOf("@") == -1) {
			alert("please input the right email");
		} else {
			alert("ok!");
		}

	}
</script>

</head>

<body>

	<form>

		email:<input type="text" name="email">
		<input type="button" value="check" onClick="isCheck();">

	</form>

　　</body>

js10.html

<script type="text/javascript">
//读取对象的属性
function member(name,sex){
this.name = name;
this.sex = sex;
}

var m1 = new member("张三","男");
var m2 = new member("李四","男");
var m3 = new member("王五","女");

with(document){
write(m1.name+","+m1.sex+"<br>");
write(m2.name+","+m2.sex+"<br>");
write(m3.name+","+m3.sex+"<br>");
}

</script>

js11.html

<script type="text/javascript">
//对象的属性和方法，要看给字符串传递的是值还是方法来确定。
function member(name,sex){
this.name = name;
this.sex = sex;
this.display = display;
}

function display(){
var str = this.name +","+this.sex+"<br>";
document.write(str+"<br>");
}
var m1 = new member("张三","男");
var m2 = new member("李四","男");
var m3 = new member("王五","女");


m1.display();
m2.display();
m3.display();
 
  </script>