<script>元素

在HTML页面中插入Javascript的主要办法就是使用<script>元素，HTML4.01为<script>定义了下列6个属性。

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

2.charset：可选，表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，因此这个属性很少人用。

3.defer：可选，表示脚本可以延迟到文档完全被解析和显示之后在执行。只对外部脚本文件有效。IE及更早版本对嵌入脚本也支持这个属性。

4.language: 已废弃。原来用于表示编写代码使用的脚本语言。大多数浏览器会忽略这个属性，因此也没有在使用的必要了。

5.src：可选，表示包含要执行外部文件。

6.type：可选，可以看成是language的替代属性；表示编写代码使用的脚本语言的内容类型。

标签的位置

按照传统的做法，所有<script>元素都应该放在页面的<head>元素中，但是这样子文档就必须等到所有的JavaScript代码下载，解析和执行完成以后，才能开始呈现页面的内容。对于那些所有很多的JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面的时候出现明显的延迟，而延迟期间的浏览器窗口中将会是一片空白，导致用户体验极其不好。为了解决这个问题，现在Web应用程序一般都把全部JavaScript引用放在<body>元素中页面内容的后面，这样在解析包含的JavaScript代码之前，页面的内容将完全呈现在浏览器中。而用户也会因为浏览器窗口显示空白页面的时间缩短而感到打开页面的速度加快了。

延迟脚本

异步脚本

HTML5为<script>元素定义了async属性。与defer类似，都用于改变处理脚本的行为，也只适用于外部脚本，并告诉浏览器立即下载文件。但于defer不同的是，标记为async的脚本并不保证按指定它们的先后顺序执行。指定async属性的目的是不然页面等待拥有该属性的脚本下载和执行，从而异步加载页面其他内容。为此，建议异步脚本不要在加载期间修改DOM。异步脚本一定会在页面的load事件前执行。支持异步脚本的浏览器有Firefox3.6，Safari5和Chrome。

<noscript>元素

早期浏览器都面临一个特殊的问题，即当浏览器不支持JavaScript时如何让页面平稳退化。对于这个问题的最终解决方案就是创造一个<noscript>元素，用以不支持JavaScript的浏览器显示替代的内容。在<noscript>元素中的内容只有在下列情况才会显示出来：

1.浏览器不支持脚本

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

从头认识js-HTML中使用JavaScript的更多相关文章

JS高程2.在HTML中使用Javascript（1）
1.使用<script>元素向HTML页面中插入Javascript HTML4.01中<script>标签有6个属性: (1)async:可选.表示立即下载脚本,不影响页面中 ...
第2章两种调用JS的方法——在HTML中使用JavaScript
一. <script>标记第一种方法是把 <sript></script>直接放到head和script两个标记之间(title下面,</head>上 ...
maven中Rhino classes (js.jar) not found - Javascript disabled的处理
想使用单元测试来测一下服务请求,于是想到了使用Junit,查了一下,决定使用 HttpUnit 来发送请求于是在maven中引入了 <dependency> <groupId&g ...
jQuery-vsdoc.js文件是vs中的JavaScript intellisense,
在VS 2008中启用jQuery Intellisense的步骤要在VS中启用jQuery的intellisense完成,你要遵循三个步骤: 第一步: 安装VS 2008 SP1 VS 2008 ...
JavaScript进阶(二)在一个JS文件中引用另一个JS文件
在一个JS文件中引用另一个JS文件转载地址:http://blog.csdn.net/zndxlxm/article/details/7875787 方法一在调用文件的顶部加入下例代码 ...
在SharePoint解决方案中使用JavaScript (1) – 引用.js文件
本文是系列文章的第一篇. 在SharePoint解决方案中使用JavaScript (0) 作为在SharePoint应用程序中使用JavaScript的第一步,就是要知道如何将一个写好的.js文件, ...
全面解析JavaScript的Backbone.js框架中的Router路由
这篇文章主要介绍了Backbone.js框架中的Router路由功能,Router在Backbone中相当于一个MVC框架中的Controller控制器功能,需要的朋友可以参考下. Backbone ...
javascript 在js文件中获取路径
如果在*.js文件中获取当自己当前的路径是很重要的. 举个例子,如果一个css文件中引用图片,如background-img: url('./Images/bg.png').那么图片的路径,是相对于c ...
js文件中函数前加分号和感叹号是什么意思？
本文转自:http://blog.csdn.net/h_o_w_e/article/details/51388500 !function(){}(); !有什么用? 从语法上来开,JavaScri ...

随机推荐

shell_跳板机推送公钥
#!/bin/bash#push publickey to aap-servers#将局域网内可以ping通的主机ip保存到一个文件> ip_up.txtfor i in {2..10}do { ...
二十五、SSH服务企业级应用场景
一.需求分析: 要求所有服务器在同一个用户oldboy1系统用户下,实现A机器从本地分发数据到B\C机器上,在分发过程中不需要B\C的提示系统密码验证,除了分发功能,还需要可以批量查看客户上的cpu. ...
吴裕雄--天生自然python机器学习：使用K-近邻算法改进约会网站的配对效果
在约会网站使用K-近邻算法准备数据:从文本文件中解析数据海伦收集约会数据巳经有了一段时间,她把这些数据存放在文本文件(1如1^及抓比加中,每个样本数据占据一行,总共有1000行.海伦的样本主 ...
JavaScript中遍历数组，最好不要用for...in
先看一段代码 var arr = [2,3,4,5]; for(var i = 0; i < arr.length; i++){ console.log(i,"类型:"+ty ...
Spring-security整理
出于某些原因,需要学习一下spring的安全框架.(研究半天,如果单单说用户认证和授权这块儿,我感觉还是shiro好用.) spring security介绍可以参考一下以下文档: (满满的羡慕啊)我 ...
python 入门手册
python 入门手册 Introduction 这个手册是为了让学习者好好的重塑对于编程的认识,我们要来认识到怎么来在陌生的领域学习,学习的技巧开始,通过官方文档来学习开端利用IDE输出&quo ...
Qt HWND转QWidget
HWND m_hWnd; QWidget *newWidget; newWidget = QWidget::find((WId)m_hWnd): //需要用(WID)
QT "debugger unknow type"问题解决办法
windows上使用qt编译有两种,一种是vs的编译器,一种是MinGW的. 这种问题主要是发生在选择了MSVC2013编译器的版本,这个版本的qt需要再装一个调试器,而MinGW不用. 解决办法:下 ...
Redhat7 配置https
Redhat7 配置https 分为自签名证书和第3方证书(此时实验为第3方,自签名略) 安装: # yum install httpd mod_ssl 生成key: # openssl genrsa ...
gin源码剖析
介绍 Gin 是一个 Golang 写的 web 框架,具有高性能的优点,基于 httprouter,它提供了类似martini但更好性能(路由性能约快40倍)的API服务.官方地址:https:// ...

从头认识js-HTML中使用JavaScript