iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >在HTML中怎么使用JavaScript
  • 738
分享到

在HTML中怎么使用JavaScript

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

本篇内容主要讲解“在html中怎么使用javascript”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在HTML中怎么使用JavaScript”吧!<s

本篇内容主要讲解“在html中怎么使用javascript”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在HTML中怎么使用JavaScript”吧!

<script>标签

  在HTML5中script主要有以下几个属性:async,defer,charset,src,type,

  • async(可选):

    关键词:异步脚本,外部文件,立即下载;

    当标签中包含这个属性时会立即下载脚本(外部文件),只对外部脚本文件有效,下载的同时可以进行页面的其他操作,下载完成后停止解析并执行,执行后继续进行解析,但不能保证执行顺序。        

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

  • defer(可选):

    关键词:延迟脚本,外部文件,延迟加载;

    当标签中包含这个属性时,脚本可以再等到页面完全被解析或显示之后执行,只对外部文件有效,如果同时存在两个带有defer的脚本,由于延迟的原因,前者将会有限于后者执行。   

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

  • charset(可选):

    关键词:字符集

    大多数浏览器已经忽略它的值了,所以很少有人使用。

  • src(可选):

    关键词:外部引用

    表示需要引用的外部文件的地址。

  • type(可选):

    关键词:MIME(脚本语言的内容类型)

    为保证最大限度的浏览器兼容,type的属性值主要时候用的依旧是text/javascript,如果没有写这个属性,其默认值仍然为text/javascript。

 注意:在引用外部文件,标签中不要加入其它JS代码,浏览器在解析时,只会下载src引用的外部脚本文件,表中内嵌入的代码将会被忽略。

 <script>标签的位置

  通常,我们会把带有外部文件的的标签(包括CSS文件,JavaScript文件)的引用放在相同的位置,一般是在<head>标签里面。

  但是在解析过程中一旦遇到多个JavaScript外部文件,就要等到所有的外部文件加载完成后,页面才能完全显示,所以通常我们会把它放在<body>标签里的底部。

在HTML中怎么使用JavaScript

  在上面中提到过<script>中有defer这个属性,但是由于在HTML5中提到过,HTML5会忽略嵌入脚本所设置defer属性,目前只有IE4~IE7还支持defer属性,IE8以后完全遵循HTML5的标准,所以把<script>放在<body>标签里的底部依旧是最佳选择。

 引用外部文件的优点

  • 利于维护:把所有的JavaScript的文件放在一起,不仅可以不触及HTML代码,而且更有利于开发者进行代码的编写和维护。

  • 加速浏览:如果有多个HTML页面引用了同一个JavaScript外部文件,这个文件只会加载一次(缓存),也就是说可以加快页面的加载速度。

  • 安全性:引用外部文件,如果用户查看HTML代码,将不会看到JavaScript的代码,比写在标签内安全性更高一些。 
     

<noscript>标签

  字面意思,NO-script,没有script,也就是浏览器不支持JavaScript时,<noscript>标签中内容才会被显示,

  • 浏览器不支持脚本;

  • 浏览器支持脚本,但是JavaScript被禁用;

  以上两条符合任何一个,<noscript>标签内的内容都会被显示。

在HTML中怎么使用JavaScript

  上图页面,给用户了一个信息,当浏览器不支持或禁用JavaScript是才会被显示,否则用户将永远不会看到,并且不会影响页面其他元素的显示。

到此,相信大家对“在HTML中怎么使用JavaScript”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: 在HTML中怎么使用JavaScript

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

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 在HTML中怎么使用JavaScript
    本篇内容主要讲解“在HTML中怎么使用JavaScript”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在HTML中怎么使用JavaScript”吧!<s...
    99+
    2024-04-02
  • 怎么使用Javascript在HTML中显示实时时间
    这篇文章主要介绍了怎么使用Javascript在HTML中显示实时时间的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇怎么使用Javascript在HTML中显示实时时间文章都会有所收获,下面我们一起来看看吧。方...
    99+
    2023-07-02
  • JavaScript中怎么使用HTML DOM方法
    本篇内容介绍了“JavaScript中怎么使用HTML DOM方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有...
    99+
    2024-04-02
  • Reduce怎么在JavaScript中使用
    本篇文章给大家分享的是有关Reduce怎么在JavaScript中使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。JavaScript的特点1.JavaScript主要用来向...
    99+
    2023-06-07
  • 在javascript中怎么使用charAt()
    本篇内容主要讲解“在javascript中怎么使用charAt()”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“在javascript中怎么使用charAt()...
    99+
    2024-04-02
  • 怎么在HTML页面中插入JavaScript
    今天小编给大家分享一下怎么在HTML页面中插入JavaScript的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面...
    99+
    2024-04-02
  • html()方法怎么在jQuery中使用
    这期内容当中小编将会给大家带来有关html()方法怎么在jQuery中使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特的...
    99+
    2023-06-14
  • js代码怎么在html中使用
    非常抱歉,由于您没有提供文章标题,我无法为您生成一篇高质量的文章。请您提供文章标题,我将尽快为您生成一篇优质的文章。...
    99+
    2024-05-16
  • 使用Javascript在HTML中显示实时时间
    本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码,供大家参考,具体内容如下 方法如下: 1. 在script中建立方法time;2. 创建新的Date对象...
    99+
    2024-04-02
  • 怎么使用JavaScript的HTML控件
    这篇文章主要讲解了“怎么使用JavaScript的HTML控件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用JavaScript的HTML控件”吧!...
    99+
    2024-04-02
  • JavaScript HTML DOM导航怎么使用
    这篇文章主要介绍“JavaScript HTML DOM导航怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“JavaScript HTML DOM导航怎么使用...
    99+
    2024-04-02
  • 怎么在html/css中使用float浮动
    今天就跟大家聊聊有关怎么在html/css中使用float浮动,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、float基础用法示例我们先建两个div盒子,设置高度、宽度和背景颜色...
    99+
    2023-06-08
  • this方法怎么在javascript中使用
    本篇文章为大家展示了this方法怎么在javascript中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。javascript的this使用方法:1) 函数有所属对象时:指向所属对象函数有所属对...
    99+
    2023-06-14
  • 怎么在JavaScript中使用max函数
    这篇文章给大家介绍怎么在JavaScript中使用max函数,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。Java是什么Java是一门面向对象编程语言,可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程...
    99+
    2023-06-14
  • 怎么在JavaScript中使用 Canvas接口
    本篇文章给大家分享的是有关怎么在JavaScript中使用 Canvas接口,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。JavaScript可以做什么1.可以使网页具有交互性...
    99+
    2023-06-14
  • 怎么在javascript中使用show方法
    怎么在javascript中使用show方法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。javascript show方法用于显示已被隐藏的元素,其使用语法是“$(selec...
    99+
    2023-06-14
  • 怎么在JavaScript中使用filter函数
    这篇文章给大家介绍怎么在JavaScript中使用filter函数,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。JavaScript的特点1.JavaScript主要用来向HTML页面添加交互行为。2.JavaScri...
    99+
    2023-06-14
  • 怎么在JavaScript中使用getters和setter
    这篇文章主要讲解了“怎么在JavaScript中使用getters和setter”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么在JavaScript中使...
    99+
    2024-04-02
  • join方法怎么在javascript中使用
    这篇文章将为大家详细讲解有关 join方法怎么在javascript中使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript join() 方法定义和用法join() 方法用...
    99+
    2023-06-14
  • every方法怎么在JavaScript中使用
    这期内容当中小编将会给大家带来有关every方法怎么在JavaScript中使用,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户点击,给用...
    99+
    2023-06-14
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作