JavaScript的声明、引入、变量学习

最新推荐文章于 2024-04-20 11:21:27 发布

Ks丶Mircale

最新推荐文章于 2024-04-20 11:21:27 发布

阅读量456

点赞数 1

文章标签： javascript的声明 js的引入 js的变量

本文链接：https://blog.csdn.net/weixin_41610825/article/details/90752444

版权

一、JavaScript的声明和引入

JS的声明学习：

１、在head标签中使用script标签进行js代码域的声明

<script type="text/javascript">
		   alert("这是我的第一个js")
</script>

作用：
　　声明js代码域
特点：
　　js的代码只会作用于当前网页
2、在head标签中使用script标签引入外部声明好的js文件

<script src="相对路径" type="text/javascript" charset="utf-8"></script>

作用：引入外部声明好的js文件
特点：
　实现js代码的重复使用，避免代码的冗余
注意：
　因为js在HTML文档中是一门单独的语言，可以声明在文档中的任意位置一般情况下声明在head标签中。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js的声明呵和引入</title>
		<!--声明js代码域-->
		<!--引入外部声明好的js文件-->
		<script src="js/my.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<h3>js的声明和引入</h3>
		<script type="text/javascript">
			alert("这是我的第一个js")
		</script>
	</body>
</html>

二、js的变量学习

js的变量声明学习：

1、js中的所有变量声明只有var关键字
　　var a=123;
　　var A=1234;
　　var a1=3.1415926;
　　var a2=“js”;
　　var a3=‘k’;
　　var a4=ture;
　　var a5=new Date();
　　alert(a);
注意：
　　ａ、js的变量名是严格区分大小的。
　　 b、js中的字符串可以使用双引号也可以使用单引号。
　　 c、js中可以声明同名变量，不会报错，后面的会将前面的声明覆盖
　　 var a=123;
　　 var a=“js学习”；
　　 alert(a);
2、js中的数据类型
　　数据类型判断关键字：typeof
　　数据类型：
　　　number：数字类型
　　　　 var b=456;
　　　　 var b1=1.23;
　　　　 alert (typeof b1);
　　　string：字符串类型
　　　　 var b=“今天天气真好，适合学习”；
　　　　 var b1= ‘1’;
　　　　 alert (typeof b1);
　　　boolean：
　　　　 var b=true；
　　　　 var b1=false；
　　　　 alert (typeof b1)；
　　　object：
　　　　 var b=new Date();
　　　　 alert (typeof b);
　　　null：
　　　　空对象赋值，主要是和undefined进行区分。
　　　Undefined：undefined
　　　　var c;
　　　　alert (typeof c);
　　　　变量声明不赋值的情况下，默认值是undefind。
　　　注意：
　　　　　var d；
　　　　　alert (d);
　　　　　alert (typeof c);
　　　　　在js代码中尽可能的给声明的变量赋初始值；

　　　	<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js的变量学习</title>
		<script type="text/javascript">
			/*js的变量学习*/
			var a=123;
			var A=1234;
			 var A=123456788;
			 var a1=3.1415926;
			 var a2="js";
			 var a3='k';
			 var a4=true;
			 var a5=new Date();
			 var a="js学习";
			 alert(a4);
			 /*js中的数据类型*/
			var d;
			alert(d);
			alert(typeof a5);
		</script>
	</head>
	<body>
		<h3>js的变量学习</h3>
	</body>
</html>

下面是运行结果：
　　先执行 alert(a4)语句，页面显示为ture；点确认，后执行alert(d)语句，因为变量d没有赋值，所以执行结果为默认值undefined;再点确认，执行alert(typeof a5)判断数据类型语句，a5的赋值类型为object类，所以结果为object；在点确认，执行body区域中的h3语句，执行结果为js的变量学习。

在这里插入图片描述

Ks丶Mircale

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的声明、引入、变量学习

一、JavaScript的声明和引入JS的声明学习：１、在head标签中使用script标签进行js代码域的声明<script type="text/javascript"> alert("这是我的第一个js")</script>作用：　　声明js代码域特点：　　js的代码只会作用于当前网页2、在head标签中使用script标签引入外部声明好...
复制链接

扫一扫