品易云推流 关闭
文章详情页
文章 > JavaScript > JavaScript嵌入页面的几种方式

JavaScript嵌入页面的几种方式

JavaScript嵌入页面

头像

宋雪维

2021-01-07 15:05:264683浏览 · 0收藏 · 0评论

在JavaScript也可以像python那样使用嵌套,小编向大家介绍过JavaScript中使用for循环嵌套的实现过程。那么JavaScript中如何嵌入一个写好的代码页面呢?本文向大家介绍JavaScript嵌入页面的3种方式:1、使用页面script标签嵌入(内嵌式);2、行间事件(主要用于事件);3、外部引入。

方法一:使用页面script标签嵌入(内嵌式)

通过<Script></Script>标记嵌入JavaScript,这是最常用也是最简便的一种引用方式,可以在HTML代码的任何位置嵌入。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	alert("helloworld2");
	</script>
</head>
<body>

方法二:行间事件(主要用于事件)

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
<input type="button" name="" value="点击" onclick="alert('helloworld1')">
</body>
</html>

方法三:外部引入

通过引用HTML文件的方式加载JavaScript文件,这种方式可以使HTML代码更简洁,方便代码复用。

<input type="button" name="" onclick="alert('ok!');">

以上就是小编整理总结的JavaScript嵌入页面的3种方式,大家可以选择合适的方法套入使用哦~

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图