在HTML中使用JavaScript
<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相关推荐
- js如何运行python代码_python中执行javascript代码
python中执行javascript代码: 1.安装相应的库,我使用的是PyV8 2.import PyV8 ctxt = PyV8.JSContext() ctxt.enter() func = ...
- 攻下《JavaScript高级程序设计》——第二章 在HTML中使用JavaScript
从上一章我们知道了,JavaScript是一种专门为网页交互而设计的脚本语言,那么,它就免不了和HTML打交道,所以在设计JavaScript的时候,Netscape首要面临的就是,怎么让HTML和J ...
- [译] ES6+ 中的 JavaScript 工厂函数(第八部分)
本文讲的是[译] ES6+ 中的 JavaScript 工厂函数(第八部分), 原文地址:JavaScript Factory Functions with ES6+ 原文作者:Eric Elliot ...
- 在js中加html_在HTML文档中嵌入JavaScript的四种方法
在HTML里嵌入JavaScript 在HTML文档里嵌入客户端JavaScript代码有4中方法: 1.内嵌,放置在标签之间 (少): 2.放置在有 3.放置自HTML事件处理程序中,该事件处理程 ...
- 如何在html中写javascript代码,如何在本地html代码中使用javascript脚本
我在jsfiddle中的代码正在工作,但是当我尝试在本地使用它时没有. 我不知道如何解决它,因为我认为代码是正确的. 我也尝试下载Jquery文件,并将其链接到代码中,但它不起作用.我确信这是一个愚蠢 ...
- 通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...
- 第二章 在HTML中使用JavaScript
2.1 <script> 元素 向HTML中插入JavaScript的主要方法就是使用 <script> 标签 <script>// 嵌入式 </script ...
- ASP.NET中前台javascript与后台代码调用
1.如何在JavaScript访问C#函数? 2.如何在JavaScript访问C#变量? 3.如何在C#中访问JavaScript的已有变量? 4.如何在C#中访问JavaScript函数? 问题1 ...
- 【转】完美解决Asp.Net的MasterPage中添加JavaScript路径问题
问题描述: 需要在最顶端的MasterPage中注册JavaScript脚本文件,在Head中用Script标记无效,原因可能是此MasterPage被多层次继承使用,且最终使用这些MasterPag ...
- VS集成环境中的JavaScript脚本语法检查
集成在Visual Studio环境中的JavaScript脚本语法检查. 1.可以直接检验js文件,也可以检验html和aspx页面上的脚本语法. 2.集成环境中直接使用,双击定位到语法错误处. 3 ...
最新文章
- 鸿蒙法则的能力,真正厉害的人,都懂得这五个做事法则,如能悟透,成功不难...
- 什么是好的图神经网络?
- Linux移植之auto.conf、autoconf.h、Mach-types.h的生成过程简析
- jQuery.parseJSON()函数详解
- javascript 查看变量类型
- 11月深度学习班第5课图像物体检测:rcnn/fast-rcnn/faster-rcnn
- 使用Nexus私服代理其他maven仓库(jitpack、jcenter)
- [蓝桥杯][2017年第八届真题]拉马车(String)
- 掩膜区域内像素值_MRI ADC值是怎么来的?咱们来手算一下
- Android5.0新控件
- C#基础11.2:单例设计模式
- 使用 做签名的post_使用 Go 添加 JWT 认证
- android 应用程序Activity之间数据传递与共享的几种途径
- 2019年共享充电宝行业发展情况分析报告
- Windows Mobile 触摸屏(Touch Panel)截获
- 教你如何使用Excel中的INT函数
- Eviews回归结果解读
- 《开学第一课》观后感——幸福
- opencv-3.0.0-beta和opencv2版本的区别
- 洛达芯片检测工具AB153x_UT,检测蓝牙芯片协议
热门文章
- 20190226-SecureCRT连接linux显示中文乱码
- 教你如何处理Zabbix添加key总是not supported
- python 中单线程 与多线程 与多进程的性能分析
- 文章内部设置目录,锚点
- python接口自动化(四十一)- 发xml格式参数的post请求(超详解)
- 计算机中丢失ENWeb,webapi session 丢失
- pandas根据索引删除dataframe列
- Chrome 浏览器 NET::ERR_SSL_OBSOLETE_VERSION 问题及解决方式
- SpringCloudGateway(一) 概览
- modemcu 打包_nodemcu固件的烧录及lua开发