HTML——JS引入+ECMAScript数据类型

最新推荐文章于 2023-03-30 23:11:11 发布

Jhinhua

最新推荐文章于 2023-03-30 23:11:11 发布

阅读量80

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/piduocheng0577/article/details/104917335

版权

Web前端专栏收录该内容

72 篇文章 2 订阅

订阅专栏

JS引入
ECMAScript数据类型

JS引入

引入JS的方式
		内部引入
			在head 或者 body 中添加script标签  标签之间就是JS的代码
		外部引入
			前提有一个JS文件
			在head 或者 body 中添加script标签  通过属性src引入JS文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 内部引用 -->
		<script>
			// 行注释
			/*
			块注释 -- 块注释不能相互嵌套
			*/
		   // 打招呼 弹框型
		   // alert("Hello world")
		   // 与文档交互型 通过文档对象document操作对象
		   // 文档上可以显示标签  跟文档操作 所以也可以写标签
		   // +完成字符串的拼接
		   document.write("hello world" + "<br/>")
		   document.write("<img src='../img/cat.jpg' width='100px' />")
		
			// 在控制台显示
			console.log("Hello world")
		</script>
		<!-- 外部引入方式 -->
		<script src="../js/main.js"></script>
		
		<!-- 内部引用和外部引用不能合并在一起
			标签之间的内容时不会识别的
			以后写的话内部就是内部 外部就是外部
		 -->
		 <!-- <script src="../js/main.js">
			 console.log("你们看不见我")
		 </script> -->
		
	</head>
	<body>
	</body>
</html>

ECMAScript数据类型

ECMAScript的基本语法
		变量的声明
			JS是动态语言， 变量的类型是有赋予的值来决定的 与Python这一点是一样的
				声明变量的格式：
					var 变量名 = 值; 
						语句结束之后 写分号可以 不写也可以 建议写
				声明多个变量
					var 变量名 = 值, 变量名1 = 值, ....
		数据类型
			数字类型 Number
			字符串类型 String  使用引号包含的数据， 单双引号都可以
			布尔类型 Boolean  值只有两个 true 和 false
			对象类型 Object =====> Python 中的字典
			
			特殊的数据类型
				Null ====> 等价于Python中的NoneType
					值只有一个 null  ====> None  空对象
				Undefined 只有一个值 undefined, 当声明变量的时候 没有对齐进行初始化，就直接使用了该变量， 该变量的值就是undefined
			
			检验变量类型的方法
				typeof 变量名

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var num = 10;
			console.log(typeof num);
			num = 14.5;
			console.log(typeof num);
			
			var value = "how are you";
			console.log(typeof value);
			
			value = true;
			console.log(typeof value);
			
			var a;
			console.log(typeof a); //undefined
			
			// JS中的对象声明格式 类似于 Python中的字典
			var obj = {
				name:"tom",
				age:18
			};
			console.log(typeof obj);
			
			var b = null;
			console.log(typeof b);
			
			var num1 = 10, num2 = 20
			console.log(num1)
			console.log(num2)
			
			 // JS中无效
			// num1, num2 = 30, 40
			// console.log(num1)
			// console.log(num2)
			
		</script>
	</body>
</html>

Jhinhua

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML——JS引入+ECMAScript数据类型

目录JS引入 ECMAScript数据类型 JS引入引入JS的方式内部引入在head 或者 body 中添加script标签标签之间就是JS的代码外部引入前提有一个JS文件在head 或者 body 中添加script标签通过属性src引入JS文件 <!DOCTYPE html><html> &l...
复制链接

扫一扫