【web前端(三十二)】javascript_外部js脚本文件

最新推荐文章于 2024-05-29 11:09:43 发布

原创最新推荐文章于 2024-05-29 11:09:43 发布 · 873 阅读

0 ·

CC 4.0 BY-SA版权

Java 专栏收录该内容

118 篇文章

订阅专栏

本文详细介绍了JavaScript代码在网页中三种不同的输出方式：输出到浏览器控制台、显示消息窗口以及写入到浏览器文档区。同时，文章展示了如何在HTML文件中正确引入外部JS文件，并遵循编辑规范。

外部js文件

//输出到浏览器控制台的代码
console.log("Hello World !");
//显示消息窗口
alert("hello world !");
//显示到浏览器的文档区
document.write("hello world !");

HTML文件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>引用外部文件js文件</title>
	</head>
	<body>
		<!--以下几种声明编辑规范都是一样的-->
		
		<!--<script type="text/javascript"></script>*/-->
		
		<!--<script type="application/javascript"></script>-->
		
		
		
		<!--
			脚本内联写法
			//输出到浏览器控制台的代码
			console.log("Hello World !");
			//显示消息窗口
			alert("hello world !");
			//显示到浏览器的文档区
			document.write("hello world !");
		-->
		
		
		
		<!--
			外部js脚本文件
		-->
		<!--js必须写到script块中 -->
		<!--这里我们要注意，在js里头，我们一定要给空标记写结束标记。
			即要写完整的一对，否则src找不到外部文件。
			我们引用外部文件的标签中间，就不要再写内容了，否则会有错误。
		-->
		<script type="text/javascript" src="../js/js1.js"></script>
	</body>
</html>