把javascript应用在网页中，需要涉及web的核心语言-html；如何让javascript既能与html共存，又不影响页面的显示效果，经过长时间的讨论、试错，最终的决定是为web增加统一的脚本支持。向html插入javascript最主要的做法，是借助<script>标签。

如果不指定type，type默认是“text/javascript"

1）在页面嵌入JS代码

 <script type="text/javascript">
     function sayScript(){
         alert("<\/script>");
     }
 </script>

2）包含本地的js文件

 <script type="text/javascript" src="example.js"></script>

3）包含外部的js文件

 <script type="text/javascript" src="http://somewhere/example.js"></script>　　

　　在XHTML中，一些HTML代码不能被正常解析，例如大于小于符号：>，<；解决办法有两个：1是使用HTML实体来替换，例如用&lt来替换<符号，但是这样导致代码不好理解；2是使用CDATA片段，该片段中的包含的任何内容都不会被解析；但是目前还有不少浏览器不兼容XHTML，因而不支持CDATA片段，所以我们需要使用javascript把CDATA标记注释掉：

 <script type="text/javascript">
     // <![CDATA[
         function compare(a,b){
             if(a < b){
                 alert("a is less than b");
             }else if(a > b){
                 alert("a is more than b");
             }else{
                 alert("a is equal to b");
             }
         }
     // ]]>
 </script>

是不是颇有几分hack的味道呢？

　　　　IE5.5引入了文档模式后，其他浏览器纷纷效仿；目前的文档模式分为以下几种：

　　早期的浏览器面临着一个问题，即当浏览器不支持javascript时如何平稳退化，这个问题的最终解决方案是设计一个<noscript>元素，里面的内容只有在符合如下任意一个条件的情况下才会显示出来：

  • 浏览器不支持脚本
  • 浏览器支持脚本，但脚本被禁用
 <html>
     <head>
         <title>Example page</title>
         <script type="text/javascript" defer="defer" src="example1.js"></script>
         <script type="text/javascript" defer="defer" src="example2.js"></script>
     </head>
     <body>
         <noscript>
             <p>本页需要浏览器支持（启用）javascript脚本。</p>
         </noscript>
     </body>
 </html>

《JAVASCRIPT高级程序设计》第二章的更多相关文章

  1. 02.第二章_C++ Primer学习笔记_变量和基本类型

    2.1  基本内置类型 2.1.1  算术类型 算术类型包括两类:整型和浮点型 2.2  变量 2.3  复合类型 2.4  const限定符 2.5  处理类型 2.6  自定义数据结构

  2. C++ Primer 笔记 第二章

    C++ Primer 第二章 变量和基本类型 2.1基本内置类型 有算数类型和void类型:算数类型储存空间大小依及其而定. 算数类型表: 类型 含义 最小储存空间 bool 布尔型 - char 字 ...

  3. 《C++ Primer》读书笔记—第二章 变量和基本类型

    声明: 文中内容收集整理自<C++ Primer 中文版 (第5版)>,版权归原书所有. 学习一门程序设计语言最好的方法就是练习编程. 1.8比特的char类型计算机表示的实际范围是-12 ...

  4. C++primer拾遗（第二章：变量和基本类型）

    这是我对c++primer第二章的一个整理总结,算是比较适用于我自己吧,一小部分感觉不用提及的就省略了,只提了一下平时不注意,或者不好记住的内容. 排版太费劲了,直接放了图片格式.从自己的oneNot ...

  5. 《C++Primer》第五版习题答案--第二章【学习笔记】

    C++Primer第五版习题解答---第二章 ps:答案是个人在学习过程中书写,可能存在错漏之处,仅作参考. 作者:cosefy Date: 2020/1/9 第二章:变量和基本类型 练习2.1: 类 ...

  6. 《C Primer Plus》- 第二章 C语言概述

    本笔记写于2020年1月27日. 本系列文章参考的是<C Primer Plus>(第六版),其中里面会有笔者自己的相关补充. 以下示例均运行于macOS Catalina 10.15.2 ...

  7. 逆向基础 C++ Primer Plus 第二章 开始学习C++

    C++ Primer Plus 第二章 开始学习C++ 知识点梳理 本章从一个简单的C++例子出发,主要介绍了创建C++程序的步骤,以及其所包含的预处理器编译指令.函数头.编译指令.函数体.注释等组成 ...

  8. C++PRIMER第二章前半部分答案

    C++PRIMER第二章前半部分答案 哈哈哈,为什么是前半部分呢,后半部分还在学习中,重新系统性的学习c++,共同进步嘛,不多说,跟我一起来看看吧,第三章开始才是新手收割的时候,慢慢来~~ 2.1&a ...

  9. C++ Primer 笔记（2）第二章 变量与基本类型

    第二章 变量与基本类型 1.基本内置类型包括算术类型和空类型,算术类型分为两类:整型(包括字符和布尔类型)和浮点型: 2.布尔类型(bool)的取值是真(true)或者假(false): 3.字面值常 ...

  10. C++ primer的第二章的主要内容

    这第二章主要是介绍了C++中基本的内置数据类型:整型与浮点型.介绍了什么是变量的过程中了解到了左值与右值的概念.左值是可以出现在赋值语句的左边或者右边,也就是说可以放在等号的左右两边,而右值只能是出现 ...

随机推荐

  1. HDU 2489 Minimal Ratio Tree 最小生成树+DFS

    Minimal Ratio Tree Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Other ...

  2. x86_64是什么意思

    x86指的是32位计算机的架构,也指32位的操作系统,比如i386,i686,i486等:x86_64和x64指的都是64位架构,也指64位操作系统

  3. SQL truncate 、delete与drop区别

    SQL truncate .delete与drop区别 相同点: 1.truncate和不带where子句的delete.以及drop都会删除表内的数据. 2.drop.truncate都是DDL语句 ...

  4. Quick Cocos2dx 与 DragonBones

    照着官方的例子试验了一下DragonBone的使用,代码如下: local AnotherScene = class("AnotherScene", function() retu ...

  5. window.location获取URL中各部分

    博客分类: JAVASCRIPT JavaScriptASP.netSchemeASP网络协议  URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL ...

  6. 所有事件event集锦

    'mousedown touchstart', 'mousemove touchmove', 'mouseup mouseleave touchend touchleave touchcancel', ...

  7. NIO 入门基础

    输入/输出:概念性描述 I/O 简介 I/O ? 或者输入/输出 ? 指的是计算机与外部世界或者一个程序与计算机的其余部分的之间的接口.它对于任何计算机系统都非常关键,因而所有 I/O 的主体实际上是 ...

  8. AndroidStudio项目.gitignore文件内容

    .metadata/ *~ # files for the dex VM *.dex # Java class files *.class # generated files bin/ gen/ li ...

  9. TabLayout学习笔记

    配合ViewPager使用,基本布局如下: <?xml version="1.0" encoding="utf-8"?> <LinearLay ...

  10. IOS开发－UI学习－delegate（代理）的使用，键盘消失

    代理是IOS开发中用到的一种设计模式.今天做了一个代理的小练习: 以下项目实现了两个页面之间的相互切换,并且在切换页面的时候完成了从一个页面往另一个页面的传值.从主页面往其他页面传值是容易的,但是反过 ...