html怎么加入js


本文摘自PHP中文网,作者青灯夜游,侵删。

html中加入js的方法:1、在页面中直接嵌入JavaScript代码,语法“<script>js代码</script>”;2、将js代码写入“.js”文件中,使用“<script src="js文件"></script>”语句引用。

本教程操作环境:windows7系统、HTML5&&javascript1.8.5版、Dell G3电脑。

在HTML中引入JavaScript主要有两种方法,这两种方法都需要使用到<script>标签。:

方法1:在页面中直接嵌入JavaScript代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<html>

<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>JavaScript的引入</title>

</head>

<body>

    <script>

        var a=1;

        alert(a);   

    </script>

</body>

</html>

方法2:引入外部文件

可以通过<script>标签的src属性引入外部js文件。

虽然<script>标签还有这许多其他属性,但是这些属性都不常用,或者都有着默认值,而这些默认值通常都无需更改,所以src属性可能是你唯一需要了解的属性。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<html>

<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>JavaScript的引入</title>

</head>

<body>

    <!-- 引入本地文件 -->

    <script src="./script.js"></script>

    <!-- 引入外部域的文件 -->

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</body>

</html>

这种方式服务器将会以MIME类型为application/x-javascript将JavaScript文件传送到浏览器。

推荐教程:《html视频教程》

以上就是html怎么加入js的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

web程序员必备之 关于<script>标记的一些小知识

Html如何让链接不变色

javascript有数据类型么

input表单如何制作多行文本输入框?一篇文章教你学会使用input标签

Html5 canvas标签是什么意思?canvas标签使用方法介绍

javascript之undefined与null的区别(详解)

javascript的用途有哪些

js绘制两个相交的矩形并且其中有一个包含透明度

javascript警告框怎么关闭

Html除br外如何换行

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...