<script>元素六大属性

1.async:可选。表示应该立即下载脚本,但不应该妨碍页面中的其他操作,比如下载其他资源或等待加载其他脚本。只对外部文件有效;

2.charset:可选。表示通过src属性指定的代码的字符集。由于带都属浏览器会忽略它的值,因此这个属性很少有人用;

3.defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行,只对外部脚本文件

有效,

4.language:已废弃。原来用于表示编写代码使用的脚本语言,大多浏览器会忽略;

5.src:可选。表示包含要执行代码的外部文件;

6.type:可选。可以看成是language的替代属性,表示编写代码使用的脚本语言的内容类型(也成为MIME类型)。

文档模式(doctype)

由IE5.5引入了文档模式的概念,而这个概念是通过使用文档类型(doctype)切换实现的。最初的带来那种文档模式是:混杂模式(quirks mode)标准模式(standards mode)。混杂模式会让IE的行为与(包含非标准特性的)IE5相同,而标准模式则让IE的行为更接近标准行为。如果在文档开始处没有发现文档类型声明,则所有浏览器都会默认开启混杂模式。但采用混杂模式不是值得推荐的做法,因为不同浏览器在这种模式瞎的欣慰差异非常大。

<noscript>元素

<noscript>早期的出现是为了解决当浏览器不支持javaScript时如何让页面平稳的退化。这个元素可以包含出现在文档<body>中的任何HTML元素——<script>元素除外,包含在<noscript>元素中的内容只有在下列情况下才会显示出来:

1.浏览器不支持脚本;

2.浏览器支持脚本,但脚本被禁用。

示例:

<body>

<noscript>

<p>本页面需要浏览器支持(启用)JavaScript</p>

</noscript>

</body>

小结

把JavaScript插入到HTML页面中要使用<script>元素。使用这个元素可以把JavaScript嵌入到HTML页面中,让脚本与标记混合在一起,也可以包含外部的JavaScript的文件,需要注意一下几点:

1.在包含外部Javascript文件时,必须将src属性设置为指向相应文件的URL,而这个文件既可以时与包含它的页面位于同一个服务器的文件,也可以时其他任何域中的文件;

2.使用defer属性可以让脚本在文档完全呈现之后再执行。延迟脚本总是按照指定它们的顺序执行。

3.使用async属性可以表示当前脚本不必等待其他脚本,也不必阻塞文档呈现。不能保证异步脚本按照他们在页面中出现的顺序执行。

另外,使用<noscript>元素可以指定在不支持脚本的浏览器中显示的替代的内容。但在启用了脚本的情况下,浏览器不会显示<noscript>元素中的任何内容。

转载于:https://www.cnblogs.com/jianzhenghui/p/9700518.html

在HTML中使用JavaScript相关推荐

  1. js如何运行python代码_python中执行javascript代码

    python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...

  2. 攻下《JavaScript高级程序设计》——第二章 在HTML中使用JavaScript

    从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...

  3. [译] ES6+ 中的 JavaScript 工厂函数(第八部分)

    本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...

  4. 在js中加html_在HTML文档中嵌入JavaScript的四种方法

    在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在标签之间  (少): 2.放置在有 3.放置自HTML事件处理程序中,该事件处理程 ...

  5. 如何在html中写javascript代码,如何在本地html代码中使用javascript脚本

    我在jsfiddle中的代码正在工作,但是当我尝试在本地使用它时没有. 我不知道如何解决它,因为我认为代码是正确的. 我也尝试下载Jquery文件,并将其链接到代码中,但它不起作用.我确信这是一个愚蠢 ...

  6. 通过属性值从对象数组中获取JavaScript对象[重复]

    本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...

  7. 第二章 在HTML中使用JavaScript

    2.1 <script> 元素 向HTML中插入JavaScript的主要方法就是使用 <script> 标签 <script>// 嵌入式 </script ...

  8. ASP.NET中前台javascript与后台代码调用

    1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1 ...

  9. 【转】完美解决Asp.Net的MasterPage中添加JavaScript路径问题

    问题描述: 需要在最顶端的MasterPage中注册JavaScript脚本文件,在Head中用Script标记无效,原因可能是此MasterPage被多层次继承使用,且最终使用这些MasterPag ...

  10. VS集成环境中的JavaScript脚本语法检查

    集成在Visual Studio环境中的JavaScript脚本语法检查. 1.可以直接检验js文件,也可以检验html和aspx页面上的脚本语法. 2.集成环境中直接使用,双击定位到语法错误处. 3 ...

最新文章

  1. 鸿蒙法则的能力,真正厉害的人,都懂得这五个做事法则,如能悟透,成功不难...
  2. 什么是好的图神经网络?
  3. Linux移植之auto.conf、autoconf.h、Mach-types.h的生成过程简析
  4. jQuery.parseJSON()函数详解
  5. javascript 查看变量类型
  6. 11月深度学习班第5课图像物体检测:rcnn/fast-rcnn/faster-rcnn
  7. 使用Nexus私服代理其他maven仓库(jitpack、jcenter)
  8. [蓝桥杯][2017年第八届真题]拉马车(String)
  9. 掩膜区域内像素值_MRI ADC值是怎么来的?咱们来手算一下
  10. Android5.0新控件
  11. C#基础11.2:单例设计模式
  12. 使用 做签名的post_使用 Go 添加 JWT 认证
  13. android 应用程序Activity之间数据传递与共享的几种途径
  14. 2019年共享充电宝行业发展情况分析报告
  15. Windows Mobile 触摸屏(Touch Panel)截获
  16. 教你如何使用Excel中的INT函数
  17. Eviews回归结果解读
  18. 《开学第一课》观后感——幸福
  19. opencv-3.0.0-beta和opencv2版本的区别
  20. 洛达芯片检测工具AB153x_UT,检测蓝牙芯片协议

热门文章

  1. 20190226-SecureCRT连接linux显示中文乱码
  2. 教你如何处理Zabbix添加key总是not supported
  3. python 中单线程 与多线程 与多进程的性能分析
  4. 文章内部设置目录,锚点
  5. python接口自动化(四十一)- 发xml格式参数的post请求(超详解)
  6. 计算机中丢失ENWeb,webapi session 丢失
  7. pandas根据索引删除dataframe列
  8. Chrome 浏览器 NET::ERR_SSL_OBSOLETE_VERSION 问题及解决方式
  9. SpringCloudGateway(一) 概览
  10. modemcu 打包_nodemcu固件的烧录及lua开发