如何在HTML中使用JavaScript

本篇文章主要介绍如何在html中使用javascript,感兴趣的朋友参考下,希望对大家有所帮助。

标签

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

async(可选):

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

立即学习“Java免费学习笔记(深入)”;

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

  

defer(可选):

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

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


charset(可选):

    关键词:字符集

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

src(可选):

    关键词:外部引用

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

type(可选):

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

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

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

 标签的位置

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

标签里面。

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

标签里的底部,如下所示:

如何在HTML中使用JavaScript

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

 引用外部文件的优点

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

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

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

标签

  字面意思,NO-script,没有script,也就是浏览器不支持JavaScript时,

标签中内容才会被显示,

浏览器不支持脚本;

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

  以上两条符合任何一个,

标签内的内容都会被显示。

如何在HTML中使用JavaScript

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

总结:以上就是本篇文的全部内容,希望能对大家的学习有所帮助。

相关推荐:

HTML中如何引入CSS

HTML5 storag存储详解

HTML5制作查询页面实例

以上就是如何在HTML中使用JavaScript的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1546192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:57:35
下一篇 2025年12月21日 17:57:45

相关推荐

  • HTML中表格动态添加的方法

    总结:以上就是本篇文的全部内容html中表格动态添加的方法,希望能对大家的学习有所帮助。 相关推荐: 具体代码如下所示: Table First Name Last Name 张 三 function add() { var trObj = document.createElement(“tr”);…

    2025年12月21日
    000
  • HTML使用表格写首页

    本篇文章主要介绍如何利用表格写网站首页,简单的使用table标签与其子标签实现图片汉字的插入,在此也可以使用嵌套的方式完成。感兴趣的小伙伴参考下。 代码展示 HTML表格练习之大学首页信息 @@##@@ 网站首页 学校概况 教学单位 机构设置 人才培养 学术研究 招生就业 合作交流 校园生活 @@#…

    好文分享 2025年12月21日
    000
  • HTML如何关闭当前网页

    本片文章主要介绍html如何关闭当前网页以及鼠标特效,希望可以帮到大家。 代码: Document function shut(){ window.opener=null; window.open(”,’_self’); window.close(); } 相关推荐: js实现关闭网页的代码 立即…

    好文分享 2025年12月21日
    000
  • HTML入门基础

    本篇文章主要介绍HTML入门基础,感兴趣的朋友参考下,希望对大家有所帮助。 标记、标签、元素 标签和元素通常是描述同样的意思,但是严格来说,一个html元素包含了开始标签和结束标签。 一个标准的HTML页面 <!–可以插入脚本,样式文件(css)以及各种meta信息页面标题 <!–可…

    2025年12月21日 好文分享
    000
  • 用html创建canvas画布生成图片

    本篇文章主要介绍如何用html创建canvas画布生成图片,感兴趣的朋友参考下,希望对大家有所帮助。 1,在html里新建canvas画布 /**要生成图片的html*/ 思路惊奇 思路惊奇 @@##@@ @@##@@/*生成的canvas和最终生成的图片*/ @@##@@ //设置canva画布大…

    好文分享 2025年12月21日
    000
  • html如何布局

    本篇文章主要介绍html如何布局 ,感兴趣的朋友参考下,希望对大家有所帮助。 p布局 body{margin: 0; padding: 0;}#header{width:100%; height: 90px; background: #b19f9d; }#nav{margin: 0 auto; wi…

    好文分享 2025年12月21日
    000
  • HTML进阶知识

    <p class="markdown_views"&gt;</p&gt;<p&gt;本篇文章主要介绍 </div&gt;<h2&gt;<code&gt;</code&gt;元素&lt…

    好文分享 2025年12月21日
    000
  • html怎样自定义标签

    本篇文章主要介绍html怎样自定义标签,感兴趣的朋友参考下,希望对大家有所帮助。 代码如下: 自定义标签 /* 第三步: 自定义标签在设置样式的时候使用 ” 命名空间名\:标签名 ” */ mine\:tag { font-size: .36rem; font-weight: bold; color…

    好文分享 2025年12月21日
    000
  • html+css+js下拉列表小三角

    本篇文章主要介绍html+css+js下拉列表小三角,感兴趣的朋友参考下,希望对大家有所帮助。 gadf.zijisanjiclass{ width: 220px;border: 1px solid rgba(0,0,0,.15);background-color: #fff;padding: 10…

    好文分享 2025年12月21日
    000
  • html标签中lang的作用

    本篇文章主要介绍html标签中lang的作用,感兴趣的朋友参考下,希望对大家有所帮助。 写在html标签中的lang属性作用:声明当前页面的语言类型。 如: //英文 //中文 //日文 //美式英文 注意:lang属性中的语言代码不区分大小写 //英文 //英文 上面的两行代码一样的效果。 另外,…

    好文分享 2025年12月21日
    000
  • 用html中标签制作表单实例

    本篇文章主要介绍用如何用html标签制作表单实例,属于HTML中必须要掌握的知识点之一。感兴趣的朋友参考下,希望对大家有所帮助。表单标签:form表单标签的主要作用是:在HTML页面中创建一个表单,在用户填写完表单信息后,将数据提交给服务器。需要填写数据的标签必须要放在表单标签体里面。常用的属性: …

    2025年12月21日
    000
  • HTML中的超级链接标签

    无标题文档   超链接标签 a标签常用的属性: href  : 用于指定链接的资源    target: 设置打开新资源的目标。    _Blank 在独立的窗口上打开新资源   _self 在当前窗口打开新资源  file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。 格…

    好文分享 2025年12月21日
    000
  • html中的table详解

    本篇文章主要介绍html中的table,感兴趣的朋友参考下,希望对大家有所帮助。 普通表格,简单的HTML表格由table元素以及tr、td和th元素组成,其中tr是指表格行,td是指单元格,th定义表头。空单元格就直接不填即可,或者用 。 表头表头表头单元格1单元格3 2.带有边框的表格。bord…

    好文分享 2025年12月21日
    000
  • 实现简易html视频播放器的方法

    这篇文章主要介绍了实现简易html视频播放器的方法,h5创建视频播放器很简单,您只需要添加一些h5的标签即可创建出炫酷的播放器 本文介绍了实现简易html视频播放器的方法,分享给大家,具体如下: 文件列表 root@tianshl:/data/video# lshch.mp4 test.mp4 xy…

    2025年12月21日
    000
  • html中的标签详解

    html标签是html语言中最基本的单位,html标签是html最重要的组成部分。网页的内容需在标签中,标题、字符格式、语言、兼容性、关键字、描述等信息显示在 标签中,而网页需展示的内容需嵌套在标签中。某些时候不按标准书写代码虽然可以正常显示,但还是应该养成正规编写习惯。 1.文档结构标签:主要用来…

    好文分享 2025年12月21日
    000
  • 如何将html转化为图片

    在我们做h5页面或者推广小程序的时候,特别是在微信里,为了让用户更好的分享给朋友,往往需要将动态生成的html生成一个图片,然后让用户长按保存发给朋友或者朋友圈。 1,在html里新建canvas画布 /**要生成图片的html*/ 思路惊奇 思路惊奇 @@##@@ @@##@@/*生成的canva…

    好文分享 2025年12月21日
    000
  • html写网页如何布局

    html常用的布局有两种。第一种一是div布局,优点是比较方便简洁,代码比较少,制作和维护也比较容易,就是有些地方不同的浏览器兼容性不一样,可能会有不同的显示。第二种是table布局,代码比较多,到后期维护起来是非常头疼的,但是table布局规避了许多浏览器不兼容的问题。 1.div布局 body{…

    好文分享 2025年12月21日
    000
  • 如何用html制作百度首页

    本篇文章适用与刚学html和css,练习一个比较简单的百度首页,因为百度的主页比较简单,大概分为三个部分:右上角的标签、logo和表单、下面的版权信息。对于刚开始想要检测学习成果是一个不错的好方法,熟练后再去尝试写一些复杂的html网页。 下面是html制作百度首页的源码 百度一下,你就知道搜索设置…

    好文分享 2025年12月21日
    000
  • html中的有序列表和无序列表

    本篇文章主要介绍html中的有序与无序列表示如何编写的,对于刚开始学习的小伙伴还是非常有帮助的,感兴趣的朋友参考下。 有序列表代码如下: 数字显示 第一天 第二天 第三天 第四天 字母显示 第一天 第二天 第三天 第四天 小写罗马数字显示 第一天 第二天 第三天 第四天 大写罗马数字显示 第一天 第…

    2025年12月21日
    000
  • html当当网首页实例

    本篇文章主要描述如何使用html来写当当网首页的案例,有对此案例感兴趣的小伙伴来参考一下吧。 html代码如下: 当当网首页 关闭 @@##@@ @@##@@ 推荐分类 外语 | 中小学教辅 | @@##@@ 图书商品分类 [小说] 悬疑 | 言情 | 职场 | 财经 [文艺] 文学 | 传记 | …

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信