javascript--之后简称JS-1-引入解释型脚本JS的3方法

最新推荐文章于 2023-12-09 20:40:48 发布

¡Venceremo

最新推荐文章于 2023-12-09 20:40:48 发布

阅读量273

点赞数

分类专栏： javascript 文章标签：前端

本文链接：https://blog.csdn.net/weixin_47295886/article/details/125880701

版权

javascript 专栏收录该内容

133 篇文章 0 订阅

订阅专栏

JS-解释型脚本语言，运行之前不会编译，不会检查错误，直到碰到错误为止

JS的组成：

核心 ECMAscript

文档对象模型 DOM 让JS有能力和网页进行对话、

浏览器对象模型BOM 让JS有能力和浏览器进行对话、

1、将JS代码嵌入在元素的事件中

onclick:当单击元素时候的操作点击事件

<div id=" " οnclick="JS代码">xxx</div>
<html>
<body>
	<button onclick="console.log('Hello world');">打印消息</button>
</body>
</html>

2、将JS代码嵌入在<script>标签中

直接写标签<script></script>，允许出现网页的任意位置处即head也可以 body也可以
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=`, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<hr>
	<script>
		document.write('<b>欢迎</b>');
		console.log('脚本执行结束了。。');
	</script>

</body>
</html>

3、将JS代码写在外部脚本文件中 **.js

创建js 使用路径引入
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=`, initial-scale=1.0">
	<title>Document</title>
	<script src="js文件的路径"></script>
</head>
注意：其中任何js代码不可出现在script中