只要一提到把JavaScript放在网页中，就不得不涉及Web的核心语言-HTML。在当初开发JavaScript的时候，Netscape要解决的一个重要问题就是如何让JavaScript既能在HTML页面共存，又不影响那些页面在其它浏览器中的呈现效果。经过尝试、纠错和争论，最终的决定就是为Web增加同一的脚本支持。而Web诞生早起也保留下来，并被正式纳入HTML规范当中。

一、Script标签解析 

　　<script>xxx</script>这组标签，是用于在html页面中插入js的主要方法。它主要有以下几个属性：

　　1.charset：可选。表示通过src属性指定的字符集。由于大多数浏览器忽略它，所以很少有人用它。

　　2.defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。由于大多数浏览器不支持，故很少用。
　　3.language：已废弃。原来用于代码使用的脚本语言。由于大多数浏览器忽略它，所以不要用了。
　　4.src：可选。表示包含要执行代码的外部文件。
　　5.type：必需。可以看作是language的替代品。表示代码使用的脚本语言的内容类型。
　　　　范例：type="text/javascript"。

　　　　<scripttype="text/javascript">

　　　　alert('hi!');
　　　　</script>

二、JS代码嵌入的一些问题 

　　　　如果你想弹出一个</script>标签的字符串，那么浏览器会误解成JS代码已经结束了。
　　　　解决的方法，就是把字符串分成两个部分，通过连接符‘+’来连接。

　　　　　　<scripttype="text/javascript">alert('</scr'+'ipt>');</script> 
    　　　一般来说，JS代码越来越庞大的时候，我们最好把他另存为一个.js文件，通过src引入即可。它还具有维护性高、可缓存(加载一次，无需加载)、方便未来扩展的特点。

<scripttype="text/javascript"src="demo1.js"></script>

这样标签内就没有任何JS代码了。但，要注意的是，虽然没有任何代码，也不能用单 标签：

<scripttype="text/javascript"src="demo1.js"/>；

也不能在里面添加任何代码：

<scripttype="text/javascript"src="demo1.js">alert('我很可怜，执行不到！')</script> 
    按照常规，我们会把<script>标签存放到<head>...</head>之间。但有时也会放在body之 间。 
    不再需要提供注释，以前为了让不支持JavaScript浏览器能够屏蔽掉<script>内部的代 码，我们习惯在代码的前后用html注释掉，现在已经不需要了。

<scripttype="text/javascript">

<!-- alert('欢迎！');-->

</script> 
    平稳退化不支持JavaScript处理：

<nosciprt>您没有启用JavaScript</noscript>

第二章 使用JavaScript的更多相关文章

  1. 第二章：javascript： 数组

    数组是编程世界里最常见的数据结构.任何一种编程语言都包含数组,只是形式稍微有差异.数组是编程语言中的内建类型,通常效率都很高.可以满足不同需求的数据存储,本章将探索javascript中的数组工作原理 ...

  2. 第二章：Javascript词法结构

    编程语言的词法结构是一套基础性的规则,用来描述你如何编写这门语言.作为语法的基础,它规定了变量名是怎么样的,如何写注释,以及语句之间是如何区分的.本节用很短的篇幅来介绍javascript的词法结构. ...

  3. 第二章HTML,JavaScript简介

    概念: URL:网上标准资源的地址. HTTP协议:客户端发出请求和得到回应的标准协议. HTML:超文本标记语言.是网络上的通用语言,也是网络web语言基础. 2.1服务器与浏览器 举个例子:A同学 ...

  4. 第二章 --- 关于Javascript 设计模式 之 策略模式

    这一章节里面,我们会主要的针对JavaScript中的策略模式进行理解和学习 一.定义 策略模式: 定义一系列的算法,把他们封装起来,并且是他们可以相互替换. (这样的大的定义纲领,真的不好理解,特别 ...

  5. javascript高级程序设计第3版——第二章使用javascript

  6. 第三章：javascript： 列表

    在日常生活中,人们经常使用列表:待办事项列表,购物清单,十佳榜单,最后十名榜单等.计算机也在使用列表,尤其是列表中元素保存的是太多时.当不需要一个很长的序列中查找元素,或对其进行排序时,列表显得尤为有 ...

  7. Javascript权威指南——第二章词法结构，第三章类型、值和变量，第四章表达式和运算符，第五章语句

    第二章 词法结构 一.HTML并不区分大小写(尽管XHTML区分大小写),而javascript区分大小写:在HTML中,这些标签和属性名可以使用大写也可以使用小写,而在javascript中必须小写 ...

  8. Javascript高级程序设计读书笔记（第二章）

    第二章  在HTML中使用Javascript 2.1<script>元素 延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到 ...

  9. javascript 数据结构和算法读书笔记 > 第二章 数组

    这章主要讲解了数组的工作原理和其适用场景. 定义: 一个存储元素的线性集合,元素可以通过索引来任意存取,索引通常是数字,用来计算元素之间存储位置的偏移量. javascript数组的特殊之处: jav ...

随机推荐

  1. Android MVP架构分析

    App架构在Android开发者中一直是讨论比较多的一个话题,目前讨论较多的有MVP.MVVM.Clean这三种.google官方对于架构的态度一直是非常开放的,让开发者自主选择组织和架构app的方式 ...

  2. 在ASP.NET中各种跳转控制

    在ASP.NET中各种跳转控制 分类: 我的资料2012-03-16 15:01 76人阅读 评论(0) 收藏 举报 asp.netjavascripturlmenu Respose.Write(&q ...

  3. android利用WebView实现浏览器的封装

    android提供了封装浏览器的接口,可以让开发者利用自己的view显示网页内容.今天又实现研究了一下,利用WebView显示浏览器内容,还可以利用 WebViewClient显示自己需要的内容. 参 ...

  4. unix network programming(3rd)Vol.1 [第2~5章]《读书笔记系列》

    13~22章 重要 第2章 传输层: TCP/ UDP / STCP (Stream Control Transmission Protocol) TCP 可靠,有重传机制,SYN队列号 UDP 不可 ...

  5. HDU 3007 Buried memory & ZOJ 1450 Minimal Circle

    题意:给出n个点,求最小包围圆. 解法:这两天一直在学这个神奇的随机增量算法……看了这个http://soft.cs.tsinghua.edu.cn/blog/?q=node/1066之后自己写了好久 ...

  6. 变形虫mysql的负载均衡 读写分离

    变形虫概述 图片来自   http://docs.hexnova.com/amoeba/amoeba-products.html  文档上说也可以做mongdb的分布式. 应用: 具有负载均衡.高可用 ...

  7. Java NIO流 -- 缓冲区(Buffer，ByteBuffer)

    用来定义缓冲区的所有类都以Buffer类为基类,Buffer定义了缓冲区的基本特征. 直接子类: ByteBuffer 用来存储byte类型的缓冲区,可以在这种缓冲区中存储任意其他基本类型的二进制值( ...

  8. 50道经典的JAVA编程题(46-50)

    50道经典的JAVA编程题(46-50),最后五道题了,这是一个美妙的过程,编程真的能让我忘掉一切投入其中,感觉很棒.今天下午考完微机原理了,大三上学期就这样度过了,这学期算是解放了,可是感觉我还是没 ...

  9. linux内核中与进程相关的数据结构（基于linux3.16-rc4）

    1.进程描述符 struct task_struct { volatile long state; ....... struct list_head tasks; ....... struct mm_ ...

  10. 题解西电OJ (Problem 1008 - 数星星)

    题目内容: Description “不要问我太阳有多高 我会告诉你我有多真 不要问我星星有几颗 我会告诉你很多很多” 一天Qinz和wudired在天上数星星,由于星星可以排列成一条直线,他们比赛看 ...