javascript菜鸟之路

最新推荐文章于 2024-01-22 19:59:14 发布

嘿丷如歌

最新推荐文章于 2024-01-22 19:59:14 发布

阅读量506

点赞数

分类专栏：学习

本文链接：https://blog.csdn.net/qq_35776392/article/details/60572641

版权

学习专栏收录该内容

34 篇文章 0 订阅

订阅专栏

第一节 javascript简介

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

《1》动态改变网页内容

html语言是静止的，一旦编写，内容是无法改变的。javascript可以弥补这种不足，可以将内容动态的显示在网页上。

《2》动态改变网页的外观

javascript通过修改网页元素的css样式，可以动态的改变网页的外观。例如，修改文本的颜色、大小等属性，图片位置的动态改变等。

《3》验证表单数据

为了提高网页的效率，用户在填写表单时，可以在客户端对数据进行合法性验证，验证成功之后才能提交到服务器上，进而减少服务器的负担和网络带宽的压力。

《4》响应事件

javascript是基于事件的语言，进而可以影响用户或浏览器产生的事件，只有事件产生时才会执行某段javascript代码，如只有当用户点击计算按钮时，程序才显示运行结果。

第二节javascript的数字类型与变量

《1》基本数据类型

基本：数值数据类型，字符串数据类型（‘’，“”单引号，双引号都可以），boolean型。

复合型：数组，函数，对象。

第三节javascript的四种输出

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title ></title>
		<script>
		window.alert(5 + 6);
		</script>
		<script>
		ducument.getElementById("in").innerHTML="我是html输入的语句";
		</script>
		<script>
			document.write(Date());
			var a= new Date();
			var b=a.getYear();
			if(b>7){
				document.write("今年shi"+b);
				window.alert("b");
			}
		</script>
		<script>
			var a=1;
			var b=3;
			var c=a+b;
			console.log(c);
		</script>
		
	</head>
	<body>
	</body>
</html>

第四节javascript的样式设置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title ></title>
		<script>
				document.write("<font size=7> 谁在悬崖沏一壶茶  </font>");
				document.write("<body bgcolor='#0000FF' text='red' </body>");
		</script>
		</head>
	<body>
	</body>
</html>

第五章javascript typeof

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p> typeof 操作符返回变量、对象、函数、表达式的类型。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 
    typeof "john" + "<br>" +
    typeof 3.14 + "<br>" +
    typeof NaN + "<br>" +
    typeof false + "<br>" +
    typeof [1,2,3,4] + "<br>" +
    typeof {name:'john', age:34} + "<br>" +
    typeof new Date() + "<br>" +
    typeof function () {} + "<br>" +
    typeof myCar + "<br>" +
    typeof null;
</script>
</body>
</html>

第六章javascript的onclick事件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p> typeof 操作符返回变量或表达式的类型。</p>
<button οnclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction() {
    var y = 1;
    var x =2;
    document.getElementById("demo").innerHTML =
		y+ x;
}
</script>
</body>
</html>