返回顶部
首页 > 资讯 > 前端开发 > JavaScript >html如何加入js
  • 1363
分享到

html如何加入js

2024-04-02 19:04:59 1363人浏览 安东尼
摘要

这篇文章给大家分享的是有关html如何加入js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。html中加入js的方法:1、在页面中直接嵌入javascript代码,语法“<

这篇文章给大家分享的是有关html如何加入js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

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代码

<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属性可能是你唯一需要了解的属性。

<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如何加入js”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: html如何加入js

本文链接: https://lsjlt.com/news/66684.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • html如何加入js
    这篇文章给大家分享的是有关html如何加入js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。html中加入js的方法:1、在页面中直接嵌入JavaScript代码,语法“<...
    99+
    2024-04-02
  • 如何给html添加js
    这篇文章给大家分享的是有关如何给html添加js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。方法:1、在html页面的script标签中嵌入JavaScript代码;2、将js代码写在一个“.js”文件中,然后...
    99+
    2023-06-15
  • HTML如何引入js文件
    这篇文章主要为大家展示了“HTML如何引入js文件”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML如何引入js文件”这篇文章吧。 script标签元素既...
    99+
    2024-04-02
  • HTML如何引入JS代码
    这篇文章主要介绍了HTML如何引入JS代码的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML如何引入JS代码文章都会有所收获,下面我们一起来看看吧。一、使用<script>标签我们可以使用<...
    99+
    2023-06-27
  • html怎么嵌入js
    如何在 html 中嵌入 javascript?内联脚本:使用 标签将 javascript 代码直接嵌入 html 文档中。外部脚本:将 javascript 代码存储在单独文件中,...
    99+
    2024-05-16
  • html怎么引入js文件
    这篇文章将为大家详细讲解有关html怎么引入js文件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。方法:1、在script标签内直接写入javaccript代码;2、通过“<script src=&...
    99+
    2023-06-14
  • JS+html如何制作时钟
    小编给大家分享一下JS+html如何制作时钟,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!时钟效果图:闲来无聊做了一个网页的时钟...
    99+
    2024-04-02
  • 如何使用HTML引用js
    这篇文章主要介绍了如何使用HTML引用js,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   一、JavaScript脚本语言的特性  ...
    99+
    2024-04-02
  • js如何去掉html标签
    这篇文章主要介绍了js如何去掉html标签,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。js去掉html标签的方法:首先新建一个html文件;然后使用p标签创建多段文字;接着...
    99+
    2023-06-14
  • js如何替换html标签
    这篇文章主要介绍了js如何替换html标签,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。在js中,可以利用replace()函数配合正则表达式“/<[^<>...
    99+
    2023-06-15
  • html如何引用外部js
    在 html 中引用外部 javascript 文件需要:创建 <script> 标签;设置 src 属性指定外部 javascript 文件路径;关闭 <script...
    99+
    2024-04-11
  • web开发中如何为输入框加入数字js校验
    小编给大家分享一下web开发中如何为输入框加入数字js校验,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!js限制只能数字输入,并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的...
    99+
    2024-04-02
  • html如何加载css
    本篇内容主要讲解“html如何加载css”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html如何加载css”吧! html加载cs...
    99+
    2024-04-02
  • html如何加空格
    小编给大家分享一下html如何加空格,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活...
    99+
    2023-06-14
  • html如何加链接
    这篇文章主要介绍了html如何加链接,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。html有什么特点1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初...
    99+
    2023-06-14
  • 如何在 HTML 标题标签中加入关键词?
    HTML 标题标签是位于 <head> 标签之间的 <title> 标签,它定义了网页的标题。标题标签的内容会在搜索结果中显示,因此它是提高网页 SEO 排名的一个重要因素。 在标题标签中加入,可以帮助搜索引擎了...
    99+
    2024-02-13
    HTML 标题标签 SEO 网页排名
  • js如何实现图片加载淡入淡出效果
    这篇文章给大家分享的是有关js如何实现图片加载淡入淡出效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。HTML代码首先是图片标记的写法:<img data-sr...
    99+
    2024-04-02
  • 纯js如何实现html转pdf
    这篇文章将为大家详细讲解有关纯js如何实现html转pdf,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。项目开发中遇到了一个变态需求,需要把一整个页面导出为pdf格式,而...
    99+
    2024-04-02
  • js如何设置html title标题
    这篇文章主要为大家展示了“js如何设置html title标题”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“js如何设置html ...
    99+
    2024-04-02
  • 如何学习修改JS和HTML
    Javascript和HTML是网页开发中最基础的两种语言,学习它们,将为你成为一名优秀的网页开发者打下坚实的基础。在本文中,我们将讨论如何学习修改JS和HTML。一、学习HTMLHTML是一种标记语言,它描述了文档的结构和语义。学习HTM...
    99+
    2023-05-14
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作