关于Javascript和Jquery

 

1. 说明:javascript是一个动态编程的语言,轻量级的解释性的脚本语言;主要用于网页编程

 

2. java与js的区别:

1. java是编译型的,js是解释型的

2. java是静态语言,js是动态语言

3. 主要用途:java服务开发,js网页开发

 

3. 如何在网页中嵌入js程序:

<script>

js程序

</script>

 

4. 三个函数:

1. alert("字符串") :警告框

2. confirm("字符串") :确认框

3. prompt("字符串") :提交框

 

<html>
	<head>
		<title>JS的第一个程序</title>

	</head>

	<body>

		<script>
			//警告框
			var a=alert("我是一个警告框");
			//提示框:prompt(提示信息,默认值)
			var a=prompt("请输入您的姓名:","cyz");
			//确认框
			var a=confirm("请问您是否要离开");
			if(a==true){
				window.close();
			}else{
				document.write("欢迎您留下");
			}
		</script>

	</body>
</html>
 

 

 

5. 语法:

1. js是弱类型的语言,因此只能使用var类型定义变量

2. 数据类型:

1. 原生的:

1. 数值型(Number)

2. 布尔型(boolean)

3. 字符串(String):' '或" "引用

4. 未定义(undefined):使用了一个对象不存在的属性或方法时返回undefined

5. 空(null)

2. 引用的:对象(Object)

1. Date

2. Array

3. Math

3. typeof操作符:

1. number—>number

2. boolean—>boolean

3. string—>object

4. Object—>object

 

<html>
	<head>
		<title>JS数据类型测试:</title>
	</head>

	<body>
		<script>
			var a=510;
			alert(a+":"+typeof a);
			var a="cyz";
			alert(a+":"+typeof a);
			var a=true;
			alert(a+":"+typeof a);
			var a=null;
			alert(a+":"+typeof a);
			var a=new Object();
			alert(a+":"+typeof a);
			var a;
			alert(a.sex+":"+typeof a.sex);
		</script>
	</body>
</html>

 

 

6. 选择语句:同java类似

 

<html>
	<head>
		<title>js基础语法练习:选择语句</title>
		<style>

		</style>
	</head>

	<body>
		<script>
			var a=prompt("请输入您的年龄:");
			if(a<8){
				alert("年龄太小,不允许进入");
				window.close();
			}else if(a>60){
				alert("年龄太大,不允许进入");
				window.close();
			}else{
				document.write("欢迎进入");
			}
		</script>

	</body>
</html>

 

 

 

7. 循环语句:

1. while、do while、for跟java一样

 

<html>
	<head>
		<title>基础语法练习:循环语句——99乘法表</title>
		<style>
			.double{background-color:"#EEEEFF"}
			.single{background-color:"#FFEEEE"}
		</style>
	</head>

	<body>
		<table border=2 width=500px>
		<script>
			for(var i=1;i<10;i++){
				if(i%2==0){
					document.write("<tr class=double>");
				}else{
					document.write("<tr class=single>");
				}
				for(var j=1;j<=i;j++){
					document.write("<tb>");
					document.write(j+"*"+i+"="+(i*j)+"\t");
					document.write("</tb>");
				}
				document.write("</tr>");
			}
		</script>
		</table>
	</body>
</html>

 

2. for in

 

<html>
	<head>
		<title></title>
		<script>
			var array=new Array(3);
			array[0]=" I ";
			array[1]=" love ";
			array[2]=" you ";
			for(var i=0;i<array.length;i++){
				document.write(array[i]+"</br>");
			}
			array.reverse;
			for(var i in array){
				document.write(i+":"+array[i]+"</br>");
			}
			document.write();
		</script>
	</head>


	<body>

	</body>
</html>
 

 

8. . 数组:

 

1. 定义方式:

 

1. new Array();

 

2. new Array(长度);

 

3. new Array(元素1,元素2,···);

 

4. [元素1,元素2,···];

 

 

9. 

10. 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值