002--Javascript的基础语法知识

最新推荐文章于 2024-06-24 14:30:19 发布

Asteroid 325

最新推荐文章于 2024-06-24 14:30:19 发布

阅读量80

点赞数

本文链接：https://blog.csdn.net/weixin_43846020/article/details/107644545

版权

JS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<script>
			/*
			ECMA
			
			javascript组成
			 1.ECMAScript 3,4 5,6,7
			 2.DOM文档（从一个html标签到结束html标签）
			 3.BOM浏览器，每一个浏览器页面
			 
			 【注】所有js代码在一个script表标签中编写
			     属性:
				 1.type='text/javascript' 声明当前标签内写的文本格式（省略）
				 2.src=‘demo.js' 引入外部的.js文件
				 
				 注意点：
				 1.可以有多个script标签，多个script标签是自上向下而顺利执行
				 比如alert() 在当前页面弹出一个警告框，警告框中显示要显示的内容
			*/
		   alert("hello world");
		</script>
		<script>   alert("2");</script>
		<script>   alert("3");</script>
	</head>
	<body>
	</body>
</html>

结果：
在这里插入图片描述

如果再引入外部的js:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<script>  alert("hello world")</script>
		<script>   alert("2");</script>
		<script>   alert("3");</script>
		<script src="demo.js"></script>
	</head>
	<body>
	</body>
</html>

最后多一个
在这里插入图片描述

向页面中输出内容

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<script>
			/*
			ECMA
			
			javascript组成
			 1.ECMAScript 3,4 5,6,7
			 2.DOM 文档（从一个html标签到结束html标签）
			 3.BOM 浏览器，每一个浏览器页面
			 
			 【注】所有js代码在一个script表标签中编写
			     属性:
				 1.type='text/javascript' 声明当前标签内写的文本格式（省略）
				 2.src='demo.js' 引入外部的.js文件
				 
				 注意点：
				 1.可以有多个script标签，多个script标签是自上向下而顺利执行
				 比如alert() 在当前页面弹出一个警告框，警告框中显示要显示的内容
				 2.一个script标签 只能专心做一件事[应用了js文件就不能写代码]
				 
			二.向页面输出内容
			   1.alert()
			   2.document.write() 在当前页面上输出内容
			   【注】如果内容中含有标签会自动解析
			   转义字符:  & and符号
				&lt;&gt;
				3.console.log() 在控制台中输入内容，一般情况下用于代码调试
				小彩蛋：招聘简介，列如百度的console控制台输出是招聘信息
			*/
		   document.write("<h1>hello world!document.write</h1>");
		   document.write("&lt;h1&gt;hello world!document.write&lt;/h1&gt;");
		   console.log("hello world,console");
		  
		   alert("hello world");
		</script>
		<script>   alert("2");</script>
		<script>   alert("3");</script>
		<script src="demo.js"></script>
			<script src="demo.js"> alert("执行不到这里的代码，script引用了");</script>
	</head>
	<body>
	</body>
</html>

在这里插入图片描述

JavaScript的注释

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document</title>
		<script>
			/*
			ECMA
			
			javascript组成
			 1.ECMAScript 3,4 5,6,7
			 2.DOM 文档（从一个html标签到结束html标签）
			 3.BOM 浏览器，每一个浏览器页面
			 
			 【注】所有js代码在一个script表标签中编写
			     属性:
				 1.type='text/javascript' 声明当前标签内写的文本格式（省略）
				 2.src='demo.js' 引入外部的.js文件
				 
				 注意点：
				 1.可以有多个script标签，多个script标签是自上向下而顺利执行
				 比如alert() 在当前页面弹出一个警告框，警告框中显示要显示的内容
				 2.一个script标签 只能专心做一件事[应用了js文件就不能写代码]
				 【注】在编写js代码的时候，要在每一行代码结束的位置加 ;(分号)
			二.向页面输出内容
			   1.alert()
			   2.document.write() 在当前页面上输出内容
			   【注】如果内容中含有标签会自动解析
			   转义字符:  & and符号
				&lt;&gt;
				3.console.log() 在控制台中输入内容，一般情况下用于代码调试
				小彩蛋：招聘简介，列如百度的console控制台输出是招聘信息
			代码压缩：去掉缩写代码的时候，有的所有空格，tab键和换行。压缩成一行
			三.注释
			 1.单行注释  快捷键：ctrl+/
			 2.多行注释：快捷键：ctrl+alt+/
			 /*
			 */
			
			*/
		   
		   
		   document.write("<h1>hello world!document.write</h1>");
		   document.write("&lt;h1&gt;hello world!document.write&lt;/h1&gt;");
		   console.log("hello world,console");
		   alert("hello world");
		   
		</script>
		<script>   alert("2");</script>
		<script>   alert("3");</script>
		<script src="demo.js"></script>
			<script src="demo.js"> alert("执行不到这里的代码，script引用了");</script>
	</head>
	<body>
	</body>
</html>