第一章 JavaScript简史  20170510

JavaScript 组成部分： 核心(ECMAScript)  文档对象模型（DOM）浏览器对象模型（BOM）

Netscape Navigator（Mozilla） 4.06发布JavaScript 1.3 版本完全兼容ECMAScript-262 并对Unicode标准支持 实现所有平台中立化。

98年W3C（万维网联盟）指定DOM标准并在DOM2标准中引入了 视图（view），事件（events），样式（style），遍历和范围.DOM3中增加了对DOM核心扩展开始支持XML规范。

IE5.5-IE8支持DOM1 IE9+支持DOM 1 2 3

BOM只是处理浏览器窗口和框架 并无标准可言 习惯上吧浏览器扩展算作BOM一部分例如cookie，navigator对象，location对象和xmlhttprequest与IE的activexobject这种自定义对象等等。

Netscape Navigator（Mozilla）6.0+之后开始专注FireFox浏览器开发。

BOM在HTML5标准中被纳入但是还是存在浏览器差异。

第二章 HTML中使用JavaScript 20170511

  <script>元素 6个属性(部分属性已经废弃)

      async :可选属性 立即下载脚本,不妨碍其他脚本加载   只对外部脚本文件有效

charset: 可选属性 通过src指定代码字符集 大多数浏览器忽略 很少用

defer: 可选属性 延迟加载脚本 IE7之前也支持  只对外部脚本有效

language: 已废弃 编写脚本的语言 没必要在定义这个属性了

src: 可选属性 需要执行代码的外部文件

type:可选属性 替代language 定义脚本语言内容类型(MIME类型) 默认text/javascript

<script type="text/javascript">

        function sayHi() {

            alert("Hi");

        }

 </script>

//正确添加外部脚本文件链接

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

//可能会出现兼容问题尤其是IE

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

页面最佳加载方式:

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta charset="utf-8" />

</head>

<body>

    <!--这里放内容-->

    <script type="text/javascript" src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>

     //延迟加载最好放在最后 并且每个页面最好只有一个

    <script defer="defer" type="text/javascript" src="http://apps.bdimg.com/libs/zepto/1.1.4/zepto.min.js"></script>

</body>

</html>

注意!!async 属性虽然也是立即下载脚本文件 但是程序加载顺序却是不一定的,也就是如果有 两个外部脚本本件同时使用了async 属性 程序会立即下载这两个脚本文件 但是加载的时候就不一定是按顺序加载了,而且async属性存在的意义为了快速展现页面 页面无需等待脚本加载完毕就可以异步展现出来了,所以在此期间尽量不要操作DOM 尤其实在异步加载外部脚本文件的时候.

嵌入代码与外部文件

嵌入在html页面中的代码虽然没有问题,但是还是尽量推荐使用外部文件 主要有以下三点:

1.可维护性,不同页面js代码需要嵌入不同的页面 如果把这些js代码归类在一个文件夹中维护起来就轻松多了.

2.可缓存性,浏览器会根据设置缓存所有外部文件,如果两个文件引用相同js文件那么缓存一次就够了 提高了页面加载速度

3.适应未来,外部文件无须使用单独针对浏览器进行兼容测试(hack) 因为html文件和其他外部文件语法是相同的

文档模式(Doctype)

IE5.5中引入文档模式(Doctype) 最初只有混杂模式和标准模式  随后其他浏览器纷纷效仿 弱未设置文档模式 默认混杂模式 在HTML5中 没有DTD也就没有严格模式与宽松模式的区别,主要做到尽可能向后兼容实现统一

在 XHTML 与 HTML 4.01文档中包含完整的Doctype类型 默认是标准模式

　<!--超文本严格类型 HTML-->

<!DOCTYPE HTML

　　PUBLIC "-//W3C//DTD HTML 4.01//en"

　　"http://www.w3. org/TR/html4/strict.dtd">

<!--超文本过度类型 HTML-->

<!DOCTYPE HTML

PUBLIC "-//W3C//DTD HTML 4.01 Transitional//en"

"http://www.w3. org/TR/html4/loose.dtd">

<!--超文本框架类型 HTML-->

<!DOCTYPE HTML

PUBLIC "-//W3C//DTD HTML 4.01 Frameset//en"

"http://www.w3. org/TR/html4/frameset.dtd">

<!--可扩展超文本严格类型 XHTML-->

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!--可扩展超文本过度类型 XHTML-->

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--可扩展超文本框架集类型 XHTML-->

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//en"

"http://www.w3. org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

其中还有一种准标准模式,它与标准模式的差异集合可以忽略不计.

<noscript>元素

  浏览器不支持JavaScript或者是JS被浏览器禁用的时候这个标签内容会显示出来,如果没出现上述情况标签内容永远不会展示.

JavaScript高级程序编程（一）的更多相关文章

  1. JavaScript高级程序编程(二)

    JavaScript 基本概念 1.区分大小写,变量名test与Test 是两个不同的变量,且函数命名不能使用关键字/保留字, 变量命名规范: 开头字符必须是字母,下划线,或者美元符号,ECMAScr ...

  2. JavaScript高级程序编程（四）

    2017.7.12  北京 数伏第一天 本日总结: 1.线上服务器时常显示.woff文件丢失解决办法 (IIS服务器) 添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg    ...

  3. JavaScript高级程序编程(三)

    2017-06-24 更新 北京连续三天下雨啦 乘性操作符   1.ECMA中定义了三种操作符,乘法 除法 和求模 并与其他语言相应操作符相同,再计算之前如果不是数值,会先去调用number()方法转 ...

  4. JavaScript高级程序开发3笔记

      Js对象 注意:js基本数据类型不是对象,但是"abc".match()这种,可以调用对象的方法,是因为调用方法是临时产生了一个wrapper的包装对象,this指向它: Js ...

  5. javascript高级程序语言学习笔记

    1.加法操作符(+)的用法 第一种情况,如果两个操作符都是数值,执行常规的加法计算. 第二种情况,如果两个操作数都是字符串,则将第二个操作数与第一个操作数拼接起来. 第三种情况,只有一个操作数是字符串 ...

  6. javascript高级编程笔记01(基本概念)

    1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选, ...

  7. JavaScript高级编程(1)——JavaScript初识

    一.javascript的简介 1.1 javascript的历史回顾. Javascript诞生于1995年.当时,它主要的目的是用来处理一些由服务器端处理的输入验证操作.在javascript没有 ...

  8. JavaScript高级编程———JSON

    JavaScript高级编程———JSON < script > /*JSON的语法可以表达一下三种类型的值 简单值:使用与javas相同的语法,可以在JSON中表达字符串.数值.布尔值和 ...

  9. JavaScript高级编程———基本包装类型String和单体内置对象Math

    JavaScript高级编程———基本包装类型和单体内置对象 <script> var stringObject = new String("hello world") ...

随机推荐

  1. 利用nfs-client-provisioner动态提供Kubernetes后端存储卷

    原文:https://www.kubernetes.org.cn/3894.html 利用NFS client provisioner动态提供Kubernetes后端存储卷 本文翻译自nfs-clie ...

  2. loj#10067 构造完全图(最小生成树)

    题目 loj#10067 构造完全图 解析 和kruscal类似,我们要构造一个完全图,考虑往这颗最小生成树里加边 我们先把每一条边存下来, 把两个端点分别放在不同的集合内,记录每个集合的大小,然后做 ...

  3. 【转载】C#中Convert.ToInt32方法将字符串转换为Int32类型

    在C#编程过程中,可以使用Convert.ToInt32方法将字符串或者其他可转换为数字的对象变量转换为ToInt32类型,Convert.ToInt32方法有多个重载方法,最常使用的一个方法将字符串 ...

  4. Django:实现读写分离

    库的配置 1.读写分离 settings配置 #settings.py 配置库信息,生成2个库 DATABASES = { 'default': { 'ENGINE': 'django.db.back ...

  5. 简单后台管理系统框架--HTML练手项目2【Frameset】

    [本文为原创,转载请注明出处] 技术[HTML]   布局[Frameset] 无步骤 <!DOCTYPE html> <html lang="en"> & ...

  6. Java 之 Response 文件下载案例

    文件下载需求: 1. 页面显示超链接 2. 点击超链接后弹出下载提示框 3. 完成图片文件下载 分析过程: 1. 超链接指向的资源如果能够被浏览器解析,则在浏览器中展示,如果不能解析,则弹出下载提示框 ...

  7. Unity Physicals Rigidbody with multiple colliders

    Rigidbody with multiple colliders adding colliders changes the center of mass and rotation behaviour ...

  8. idea中log4j的简单使用

    首先,我们需要建立一个 maven 项目 (如果你没有配置maven 请参考https://www.cnblogs.com/PerZhu/p/10714077.html配置) 接下来开始配置 pom. ...

  9. selenium获取元素

    1.获取窗口titledriver.title2.获取urldriver.current_url3.获取窗口截图driver.get_screenshot_as_file('window.png')4 ...

  10. MySQL主从复制什么原因会造成不一致，如何预防及解决？

    一.导致主从不一致的原因主要有: 人为原因导致从库与主库数据不一致(从库写入) 主从复制过程中,主库异常宕机 设置了ignore/do/rewrite等replication等规则 binlog非ro ...