js引入时的三种方式

Posted King-D

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js引入时的三种方式相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<!--2.内嵌式的js-->
<script>
    alert(\'沙漠骆驼\');
</script>
<!--3.外部引入的js-->
<script src="my.js"></script>
<body>

<!--1.行内式的js,直接写到元素内部-->
<input type="button" value="唐伯虎" onclick="alert(\'秋香姐\')">
</body>
</html>

  外部引入的js文件。my.js

alert(\'如果我是DJ,你还爱我么\')

js引入到项目中时,一共有三种引入方式:

<!--1.行内式的js,直接写到元素内部-->
这种不常用,

<!--2.内嵌式的js-->
<!--3.外部引入的js-->

以上是关于js引入时的三种方式的主要内容,如果未能解决你的问题,请参考以下文章

JS-01-js的三种引入方式

HTML中使用JavaScript的三种方式及优缺点

VUE中常用的几种引入方式

VueJS + Webpack 代码分割的三种方式

Javascript的引入方式

HTML引入css样式的三种方式,css选择器的三种样式