关于Javascript和Jquery

最新推荐文章于 2019-09-22 18:08:51 发布

陈衍舟

最新推荐文章于 2019-09-22 18:08:51 发布

阅读量234

点赞数

分类专栏： Web学习记录

本文链接：https://blog.csdn.net/qq_39162424/article/details/78755417

版权

Web学习记录专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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. . 数组：