初识js

最新推荐文章于 2022-07-20 07:45:00 发布

凛冬

最新推荐文章于 2022-07-20 07:45:00 发布

阅读量109

点赞数

分类专栏： javaweb

本文链接：https://blog.csdn.net/qq_42152315/article/details/100622383

版权

javaweb 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.js输出方式

window.alert()警告框
document.write()写到Html文档中
innerHTML写到HTML元素

console.log()写到浏览器的控制台

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js输出</title>
</head>
<body>
	<p id="one"></p>
	<script type="text/javascript">
		/**
		window.alert() 警告框
		 document.write() 写到 HTML 文档中
		 innerHTML 写到 HTML 元素
		 console.log() 写到浏览器的控制台
		**/

		alert('helloworld');

		document.write('helloworld');

		document.getElementById('one').innerHTML = "this is p";

		console.log(123)
	</script>
</body>
</html>

2.js变量

变量必须以字母开头    
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）  
变量名称对大小写敏感（y 和 Y 是不同的变量）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js变量</title>
</head>
<body>
	<script type="text/javascript">
		/**
		 *  变量必须以字母开头    
			变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）  
			变量名称对大小写敏感（y 和 Y 是不同的变量）
		 * 
		 */
		
		// var a = 1; 

		// var a1 = 4;

		// var $a = 5;

		// var _a = 6;

		// var a = 55;
		// var A = 66;

		// console.log('a:', a);
		// console.log('A:', A);

		var a1 = 4, $a = 5, _a = 6;
	</script>
</body>
</html>

3.JS数据类型

* 字符串 (String)
* 数字 (Number)
* 布尔 (Boolean)
* 数组 (Array)
* 对象 (Object)
* 空 (Null)
* 未定义 (Undefined)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>js数据类型</title>
</head>
<body>
	<script type="text/javascript">
		/**
		 * 字符串 (String)
		 * 数字 (Number)
		 * 布尔 (Boolean)
		 * 数组 (Array)
		 * 对象 (Object)
		 * 空 (Null)
		 * 未定义 (Undefined)
		 */
		

		// var可以声明各种类型
		var x;               // x 为 undefined
		var y = 5;           // y 为数字
		var z = "John";      // z 为字符串




		// 字符串
		var carname="Volvo XC60";
		var carname='Volvo XC60';





		// 数字
		var x1=34.00;      //使用小数点来写
		var x2=34;         //不使用小数点来写





		// 布尔
		var x=true;
		var y=false;





		// 数组
		var cars=new Array();
		cars[0]="Saab";
		cars[1]="Volvo";

		var cars=new Array("Saab","Volvo","BMW");

		var cars=["Saab","Volvo","BMW"];





		// JavaScript 对象   键值对
		var person={
			firstname:"John", 
			lastname:"Doe", 
			id:5566
		};

		console.log(person.firstname)
		console.log(person["firstname"])






		// Undefined 和 Null
		// Undefined 这个值表示变量不含有值。
		// 可以通过将变量的值设置为 null 来清空变量
		var persons;
		var car="Volvo";
		car=null
	</script>
</body>
</html>