JavaScript引用方法

大家都知道HTML是静态的,想要网站能有动起来,就要引入JavaScript代码,现在就给大家来讲解一下怎么在HTML页面中引入JavaScript,我们先来看一下简单的案例,也不需要大家理解,只要知道动态页面需要引入JavaScript才能够动起来,至于代码为什么要这么写,我们后面会慢慢的讲道。

JavaScript引用方法

在HTML页面中引入JavaScript有两种方法,一种是外部引用,一种是内部引用(内部引用分为头部引用、页面中引用,元素引用)。

下面我们通过一些案例来了解JavaScript的引入方法

案例一:(外部引用)

<script type=“text/javascript” src=“https://域名/JS文件名.js”></script>

说明:通过src从外部调用JS文件的方式称为外部调用。

案例二:(内部引用之头部引用 head标签内 )

<!DOCTYPE html> 
<html>
<head>
    <title></title>
    <script type="text/javascript">
        //这里编写JavaScript代码
    </script>
</head>
<body>
</body>
</html>

说明:在<head></head>标签中插入的JavaScript代码就称为头部引用。

案例三:( 内部引用之页面中引用 body标签内 )

<!DOCTYPE html> 
<html>
<head>
    <title></title>
    <script type="text/javascript">
        document.write("这是我通过自己的理解编写的一套JavaScript入门教程");
    </script>
</head>
<body>
</body>
</html>

说明:在<body></body>标签中编写的JavaScript代码就称为页面中引用。

案例四:( 内部引用之 元素引用)

<!DOCTYPE html> 
<html>
<head>
    <title></title>
</head>
<body>
    <input type="button" onClick="alert('站宝库-www.zhanbaoku.com')" value="按钮"/>
</body>
</html>

总结:

HTML中引用JavaScript的方法有四种, 外部引入、head标签内 、 body标签内 、 元素中引入 。这些方法都非常重要,必须要掌握。

JavaScript

JavaScript开发工具推荐

2019-10-21 22:04:22

JavaScript

JavaScript语法基础

2019-10-24 10:35:29

搜索