JS新手入门笔记整理:JS引入方式

2024-01-03 11:13:39

JavaScript,简称JS。是一种嵌入到HTML页面中的编程语言,由浏览器一边解释一边执行,控制着网页的行为。


引入方式

外部JavaScript

语法


<head>
    <!--1.在head中引入-->
    <script src=”index.js”></script>
</head>

<body>
    <!--2.在body中引入-->
    <script src="index.js"></script>
</body>
  • 在HTML中,我们可以使用“script标签”引入外部JavaScript文件。在script标签中,我们只需用到src这一个属性。src,是“source(源)”的意思,指向的是文件路径。
  • 对于JavaScript来说,外部JavaScript文件不仅可以在head中引入,还可以在body中引入。

内部JavaScript

内部JavaScript,指的是把HTML代码和JavaScript代码放在同一个文件中。其中,JavaScript代码写在<script></script>标签对内。

<head>
    <!--1.在head中引入-->
    <script>
          …JS代码…
    </script>
</head>

<body>
    <!--2.在body中引入-->
    <script type="text/JavaScript">
          …JS代码…
    </script>
</body>

内部JavaScript文件不仅可以在head中引入,而且可以在body中引入。一般情况下,都是在head中引入。


元素属性JavaScript

元素属性JavaScript,指的是在元素的“事件属性”中直接编写JavaScript或调用函数。

<input type="button" value="按钮" onclick="alert('内容')"/>

<!-- alert( )表示弹出一个对话框 -->

文章来源:https://blog.csdn.net/weixin_55576134/article/details/135354881
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。