JavaScript的编写位置和引入方式

最新推荐文章于 2023-03-23 15:39:23 发布

@二十六

最新推荐文章于 2023-03-23 15:39:23 发布

阅读量845

点赞数 2

分类专栏： JavaScript复习文章标签： Javascript的编写位置 Javascript的引入方式引入外部JS文件 JS编写位置和引入

本文链接：https://blog.csdn.net/qq_44212319/article/details/97167171

版权

JavaScript复习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript的编写位置

JS中函数的编写位置有四种

1、写在外部文件中

可以将JS代码，写在一个JS外部文件中，如：创建一个JS文件，在其中编写JS代码，在HTML中通过script标签引入外部文件

<script type="text/javascript" src="js文件名.js">

这个script标签可以写在HTML文件的head中，也可以放在body的下方。

2、编写在head中的script标签中

可以在head中创建一个script标签，在script标签中编写JS代码，如下面的代码所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script type="text/javascript">
        alert("Hello!");
    </script>
</head>
<body>
    
</body>
</html>

3、将JS代码编写到标签的onclick属性中

<button onclick="alert('这是弹窗')">点击出现弹窗</button>

这样，当点击页面中的button时，将会执行onclick属性中的代码。
注意：不建议使用该方式，因为这样编写，HTML和JS耦合度高，不利于维护代码。

4、将JS代码编写到标签的onclick属性中

可以将js代码写在超链接的href属性中。
注意格式：href=“javascript:alert(’ ')” 要先表明是javascript代码。

<a href="javascript:alert('出现弹窗')">点我一下</a>

注意：

一旦script用于了引入外部文件，即script标签拥有了src属性，则该script内部的代码将会被浏览器忽略，如下面的代码所示：

<script type="text/javascript" scr="外部JS文件"> 
       alert("我是script中的代码")  
       // script拥有了src属性，上面一行的代码将不会执行
</script>

如果需要，可以再创建一个新的script标签用于编写内部代码。

@二十六

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的编写位置和引入方式

JavaScript的编写位置JS中函数的编写位置有四种1、写在外部文件中可以将JS代码，写在一个JS外部文件中，如：创建一个JS文件，在其中编写JS代码，在HTML中通过script标签引入外部文件<script type="text/javascript" src="js文件名.js">这个script标签可以写在HTML文件的head中，也可以放在body的下方。2...
复制链接

扫一扫