JS-添加方式（行内内嵌外部）

最新推荐文章于 2024-03-23 15:40:04 发布

¡Venceremo

最新推荐文章于 2024-03-23 15:40:04 发布

阅读量272

点赞数

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

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

版权

javascript 专栏收录该内容

133 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript的三种执行方式：行内JS（通过`<button>`的`onclick`属性）、内嵌JS（在`<head>`或`<body>`标签内）和外部JS（通过`<script>`标签引用外部文件）。行内JS直接在HTML元素中定义，内嵌JS在文档加载时执行，外部JS则将代码分离到单独的.js文件中，提高代码组织性和可维护性。

摘要由CSDN通过智能技术生成

行内-标签之内（ ）

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=`, initial-scale=1.0">
	<title>Document</title>
</head>
<body> 
	<!-- 警告窗的实现 -->
	<!-- "	"添加Js代码 可以使用函数实现  函数'参数表示当前提示的内容'-->
	<button onclick="alert('行内JS')">单击的按钮</button> 
</body>
</html>

内嵌-head标签之内或者body标签之内（ ）

表示当前文档被加载的时候代码就会得到执行
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<script>
		alert('内嵌JS'); //js语句
	</script>
</head>
<body> 

</body>
</html>

外部JS

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=`, initial-scale=1.0">
	<title>Document</title>
<script src="pop.js">alert('JS代码');</script>
	<!-- script语句中的js代码不会执行 -->

</head>
<body> 

</body>
</html>