2. javacript高级程序设计-在HTML中使用JavaScript
1.1 <script>元素
向HTML页面中插入JavaScript的主要方法，就是使用<script>元素，<script>元素定义了一下6个元素：
(1). async：可选，表示立即下载脚本，只对外部脚本文件有效
(2). charset：可选，表示通过src属性指定的代码的字符集
(3). defer：可选，表示脚本可以延迟到文档完全被解析和显示之后再执行，只对外部脚本文件有效
(4). language：已废弃，原来用于表示编写代码使用的脚本语言
(5). src：可选，表示包含要执行代码的外部文件
(6). type：可选，可以看成language的代替属性，表示编写代码使用的脚本语言的内容类型（也成为MIME类型），现在约定俗称使用的是text/javascript
1.2 使用方式
<script>的使用方式有两种：直接在页面中嵌入JavaScript代码和包含外部JavaScript文件
(1). 页面中嵌入JavaScript代码
|
<script type="text/javascript"> function sayHi() { alert("hello world"); } </script> |
(2). 包含外部JabaScript文件
|
<script type="text/javascript" src="demo.js"></script> |
使用外部文件引入JavaScript代码会存在可维护性，可缓存和适应未来等优点，所以建议使用外部文件来引用JavaScript
1.3 标签的位置
现在web应用程序一般都把全部JavaScript引用文件放在<body>元素中页面内容的后面，这样在页面解析JavaScript之前会先加载页面内容
|
<!DOCTYPE html> <head> <title>demo</title> </head> <body> <!--内容放在这里--> <script type="text/javascript" src="example.js"></script> <script type="text/javascript" src="example.js"></script> </body> </html> |
1.4 <noscript>元素
使用<noscript>元素可以指定在不支持脚本或者禁用脚本的浏览器中显示代替的内容
|
<!DOCTYPE html> <head> <title>demo</title> </head> <body> <noscript> <p>本页面需要浏览器支持（启用）javascript</p> </noscript> <script type="text/javascript" src="example.js"></script> <script type="text/javascript" src="example.js"></script> </body> </html> |
2. javacript高级程序设计-在HTML中使用JavaScript的更多相关文章
- JavaScript高级程序设计-(1)html中使用JavaScript
html中使用JavaScript 1.延迟脚本 script标签定义了defer属性,脚本会被延迟到整个页面都解析完毕后运行 详细内容如下: 2.异步脚本 script标签定义了async属性,as ...
- Javascript高级程序设计——在HTML中使用Javascript
<script>元素 向HTML页面中插入Javascript的主要方法,就是使用<script>元素,<script>元素有六个属性: async:可选.表示应该 ...
- 23. javacript高级程序设计-数据存储
1. 数据存储 1.1 cookie HTTP Cookie, cookie,最初用来在客户端存储回话信息. (1). 限制,不同浏览器对特定域名下的cookie 的个数有限制,每个域名下最好不要操过 ...
- 22. javacript高级程序设计-高级技巧
1. 高级技巧 1.1 函数 l 可以使用惰性载入函数,将任何分支推迟到第一个调用函数的时候 l 函数绑定可以让你创建始终在指定环境中运行的函数,同时函数柯里化可以让你创建已经填写了某些参数的函数 l ...
- 21. javacript高级程序设计-Ajax与Comet
1. Ajax与Comet 1.1 XMLHttpRequest对象 IE5是第一款引入XHR对象的浏览器,IE5中是通过MSXML库中的一个ActiveX对象实现的.因此在IE中可能存在MSXML2 ...
- 20. javacript高级程序设计-JSON
1. JSON JSON是一种数据格式,存在以下三种类型的值: l 简单值:使用与JavaScript相同的语法,可以在JSON中表示字符串.数值.布尔值和null,不支持 undefined,例如: ...
- 19. javacript高级程序设计-E4X
1. E4X E4X是对ECMAScript的一个扩展, l 与DOM不同,E4X只用一个类型节点来表示XML中的各个节点 l XML对象中封装了对所有节点都有用的数据和行为.为了表示多个节点的集合, ...
- 17. javacript高级程序设计-错误处理与调试
1. 错误处理与调试 l 在可能发生错误的地方使用try-catch方法,可以对错误进行及时的相应 l 使用window.onerror事件处理程序,这种方式可以接受try-catch不能处理的所有错 ...
- 15. javacript高级程序设计-Canvas绘图
1. Canvas绘图 HTML5的<canvas>元素提供了一组JavaScript API,让我们可以动态的创建图形和图像.图形是在一个特定的上下文中创建的,而上下文对象目前有两种. ...
随机推荐
- javascript 时间处理
<script language="JavaScript" type="text/JavaScript"> var myDate = new Dat ...
- sql server 得到数据库字典
SELECT 表名=case when a.colorder=1 then d.name else '' end, 表说明=case when a. ...
- 在windows7 上安装 Sublime Text 3 及其插件
1.下载地址:http://www.sublimetext.com/3 请根据你的平台,选择适当的安装版本 安装完毕后,设定TAB键为4个空格( Preferences——>Setings-Us ...
- 【转载】Unity 合理安排增量更新（热更新）
原帖地址:由于我看到的那个网站发的这篇帖子很大可能是盗贴的,我就暂时不贴地址了.避免伤害原作者 原版写的有点乱,我个人修改整理了下. --------------------------------- ...
- zookeeper集群配置与启动
摘要:Zookeeper是一个很好的集群管理工具,被大量用于分布式计算.如Hadoop以及Storm系统中.这里简单记录下Zookeeper集群环境的搭建过程.本文以Ubuntu 12.04 LTS作 ...
- ajax之get、post
异步获取数据: <script type="text/javascript"> /** * [showstatus 获取数据] * @return {[type]} [ ...
- 题目1373：整数中1出现的次数（从1到n整数中1出现的次数）
题目1373:整数中1出现的次数(从1到n整数中1出现的次数) 题目描述: 亲们!!我们的外国友人YZ这几天总是睡不好,初中奥数里有一个题目一直困扰着他,特此他向JOBDU发来求助信,希望亲们能帮帮他 ...
- CentOS-6.5安装zabbix2.4.4
使用epel源 (检查网络连接是否正常) //这里使用epel源 [root@localhost /]# wget -O /etc/yum.repos.d/CentOS-Base.repo ht ...
- 雪峰配置的nginx
- Java 7 Concurrency Cookbook 翻译 第一章 线程管理之四
七.创建和运行一个后台线程 Java中有一种特别的线程叫做 deamon(后台) 线程.这类线程具有非常低的权限,并且只有在同一个程序中没有其他的正常线程在运行时才会运行.注意:当一个程序中只剩下后台 ...