2016/7/25 周一 xml dtd js

最新推荐文章于 2019-11-04 15:01:40 发布

时光默

最新推荐文章于 2019-11-04 15:01:40 发布

阅读量502

点赞数

0725 周一
1.xml （可扩展标记语言）

通过 DTD 验证的XML是"合法"的 XML：
<!DOCTYPE note SYSTEM "Note.dtd">
<!DOCTYPE note
[
<!ELEMENT note (to,from,heading,body)>
<!ELEMENT to (#PCDATA)>
<!ELEMENT from (#PCDATA)>
<!ELEMENT heading (#PCDATA)>
<!ELEMENT body (#PCDATA)>
]>

样式引入：
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
--------------------------------------------
通过使用 XSLT，您可以把 XML 文档转换成 HTML 格式。
--------------------------------------------
XML 文档中的所有文本均会被解析器解析。
只有 CDATA 区段中的文本会被解析器忽略。
PCDATA - 被解析的字符数据
CDATA - （未解析）字符数据
--------------------------------------------
单字节编码（WINDOWS-1252、ISO-8859-1、UTF-8）
双字节 Unicode（或 UTF-16）
Windows 记事本默认会将文件保存为单字节的 ANSI（ASCII）。
--------------------------------------------
关于 CDATA 部分的注释：
CDATA 部分不能包含字符串 "]]>"。也不允许嵌套的 CDATA 部分。
标记 CDATA 部分结尾的 "]]>" 不能包含空格或换行。
--------------------------------------------
XML DOM
获取元素的值:txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
获取属性的值:txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");
改变元素的值:x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";
XML DOM 的 setAttribute() 方法可用于改变现有的属性值，或创建一个新的属性。
x=xmlDoc.getElementsByTagName("book");
for(i=0;i<x.length;i++)
{
x[i].setAttribute("edition","first");
}
--------------------------------------------
创建元素
XML DOM 的 createElement() 方法创建一个新的元素节点。
XML DOM 的 createTextNode() 方法创建一个新的文本节点。
XML DOM 的 appendChild() 方法向节点添加子节点（在最后一个子节点之后）。
如需创建带有文本内容的新元素，需要同时创建元一个新的元素节点和一个新的文本节点，然后把他追加到现有的节点。

删除元素:x=xmlDoc.getElementsByTagName("book")[0];
x.removeChild(x.childNodes[0]);

实例：获取XML元素的值
<!DOCTYPE html>
<html>
<body>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
document.write(txt);
</script>
</body>
</html>

2.DTD （文档类型定义）W3C 支持一种基于 XML 的 DTD 代替者，它名为 XML Schema

3.学习更多关于 XMLHttpRequest 对象的知识，请学习我们的 XML DOM 教程

4.javascript全局变量和局部变量
局部 JavaScript 变量
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
carname="Volvo";
将声明一个全局变量 carname，即使它在函数内执行。
--------------------------------------------
JavaScript 错误 - throw、try 和 catch
try 语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function myFunction(){
try{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err){
var y=document.getElementById("mess");
y.innerHTML="错误：" + err + "。";
}
}
</script>
</head>
<body>
<h1>我的第一个 JavaScript</h1>
<p>请输出一个 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" οnclick="myFunction()">测试输入</button>
<p id="mess"></p>
</body>
</html>

--------------------------------------------
JavaScript 变量提升
JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。
变量提升：函数声明和变量声明总是会被解释器悄悄地被"提升"到方法体的最顶部。

JavaScript 只有声明的变量会提升，初始化的不会。
示例：
var x = 5; // 初始化 x
elem = document.getElementById("demo"); // 查找元素
elem.innerHTML = x + " " + y; // 显示 x 和 y
var y = 7; // 初始化 y
y 输出了 undefined，这是因为变量声明 (var y) 提升了，但是初始化(y = 7) 并不会提升，所以 y 变量是一个未定义的变量。
--------------------------------------------
JavaScript 严格模式(strict mode)不允许使用未声明的变量。
使用 "use strict" 指令
"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。
它不是一条语句，但是是一个字面量表达式，在 JavaScript 旧版本中会被忽略。
"use strict" 的目的是指定代码在严格条件下执行。
严格模式下你不能使用未声明的变量。

支持严格模式的浏览器:
Internet Explorer 10 +、 Firefox 4+ Chrome 13+、 Safari 5.1+、 Opera 12+。

格模式通过在脚本或函数的头部添加 "use strict"; 表达式来声明。
示例：
"use strict";
x = 3.14; // 报错 (x 未定义)
--------------------------------------------
"use strict";
myFunction();
function myFunction() {
y = 3.14; // 报错 (y 未定义)
}
--------------------------------------------
在函数内部声明是局部作用域 (只在函数内使用严格模式):
实例
x = 3.14; // 不报错
myFunction();
function myFunction() {
"use strict";
y = 3.14; // 报错 (y 未定义)
}
--------------------------------------------
为什么使用严格模式:
消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
消除代码运行的一些不安全之处，保证代码运行的安全；
提高编译器效率，增加运行速度；
为未来新版本的Javascript做好铺垫。
"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面

拥抱它。
另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行

。掌握这些内容，有助于更细致深入地理解Javascript，让你变成一个更好的程序员。

不允许删除变量或对象。
"use strict";
var x = 3.14;
delete x; // 报错

不允许删除函数。
"use strict";
function x(p1, p2) {};
delete x; // 报错

不允许变量重名:
"use strict";
function x(p1, p1) {}; // 报错

不允许使用八进制:
"use strict";
var x = 010; // 报错

不允许使用转义字符:
"use strict";
var x = \010; // 报错

不允许对只读属性赋值:
"use strict";
var obj = {};
Object.defineProperty(obj, "x", {value:0, writable:false});
obj.x = 3.14; // 报错

不允许对一个使用getter方法读取的属性进行赋值
"use strict";
var obj = {get x() {return 0} };
obj.x = 3.14; // 报错

不允许删除一个不允许删除的属性：
"use strict";
delete Object.prototype; // 报错

变量名不能使用 "eval" 字符串:
"use strict";
var eval = 3.14; // 报错

变量名不能使用 "arguments" 字符串:
"use strict";
var arguments = 3.14; // 报错

不允许使用以下这种语句:
"use strict";
with (Math){x = cos(2)}; // 报错

由于一些安全原因，在作用域 eval() 创建的变量不能被调用：
"use strict";
eval ("var x = 2");
alert (x); // 报错

禁止this关键字指向全局对象。
function f(){
return !this;
}
// 返回false，因为"this"指向全局对象，"!this"就是false

function f(){
"use strict";
return !this;
}
// 返回true，因为严格模式下，this的值为undefined，所以"!this"为true。
因此，使用构造函数时，如果忘了加new，this不再指向全局对象，而是报错。
function f(){
"use strict";
this.a = 1;
};
f();// 报错，this未定义

"use strict" 指令只运行出现在脚本或函数的开头。

比较运算符常见错误：
在常规的比较中，数据类型是被忽略的，以下 if 条件语句返回 true：
var x = 10;
var y = "10";
if (x == y)

在严格的比较运算中，=== 为恒等计算符，同时检查表达式的值与类型，以下 if 条件语句返回 false：
var x = 10;
var y = "10";
if (x === y)

这种错误经常会在 switch 语句中出现，switch 语句会使用恒等计算符(===)进行比较:
以下实例会执行 alert 弹窗：
var x = 10;
switch(x) {
case 10: alert("Hello");
}

以下实例由于类型不一致不会执行 alert 弹窗：
var x = 10;
switch(x) {
case "10": alert("Hello");
}

浮点型数据使用注意事项
JavaScript 中的所有数据都是以 64 位浮点型数据(float) 来存储。
所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：
var x = 0.1;
var y = 0.2;
var z = x + y // z 的结果为 0.3
if (z == 0.3) // 返回 false
因为z的值为0.30000000000000004

解决以上问题，可以用整数的乘除法来解决：
var z = (x * 10 + y * 10) / 10; // z 的结果为 0.3

var x =
"Hello World!";
这个正确。但是，在字符串中直接使用回车换行是会报错的：
实例 2
var x = "Hello
World!";

字符串断行需要使用反斜杠(\)，如下所示:
var x = "Hello \
World!";

以下实例中，由于分号使用错误，不报错但是if 语句中的代码块将无法执行：
if (x == 19);
{
// code block
}

Return 语句使用注意事项
JavaScript 默认是在代码的最后一行自动结束。
以下两个实例返回结果是一样的(一个有分号一个没有):
function myFunction(a) {
var power = 10
return a * power
}

JavaScript 也可以使用多行来结束一个语句。
function myFunction(a) {
var
power = 10;
return a * power;
}

但是，以下实例结果会返回 undefined：
function myFunction(a) {
var
power = 10;
return
a * power;
}
为什么会有这样的结果呢？因为在 JavaScript 中，上列的代码与下面的代码一致：
function myFunction(a) {
var
power = 10;
return; // 分号结束，返回 undefined
a * power;
}

解析
如果是一个不完整的语句，如下所示:
var
JavaScript 将尝试读取第二行的语句：
power = 10;
但是由于这样的语句是完整的:
return
JavaScript 将自动关闭语句:
return;
在 JavaScript 中，分号是可选的。
由于 return 是一个完整的语句，所以 JavaScript 将关闭 return 语句。

注意：不用对 return 语句进行断行。

数组中使用名字来索引
许多程序语言都允许使用名字来作为数组的索引。
使用名字来作为索引的数组称为关联数组(或哈希)。
JavaScript 不支持使用名字来索引数组，只允许使用数字索引。
实例
var person = [];
person[0] = "John";
person[1] = "Doe";
person[2] = 46;
var x = person.length; // person.length 返回 3
var y = person[0]; // person[0] 返回 "John"

在 JavaScript 中, 对象使用名字作为索引。
如果你使用名字作为索引，当访问数组时，JavaScript 会把数组重新定义为标准对象。
执行这样操作后，数组的方法及属性将不能再使用，否则会产生错误:
实例
var person = [];
person["firstName"] = "John";
person["lastName"] = "Doe";
person["age"] = 46;
var x = person.length; // person.length 返回 0

定义数组元素，最后不能添加逗号
错误的定义方式：
points = [40, 100, 1, 5, 25, 10,];
正确的定义方式：
points = [40, 100, 1, 5, 25, 10];

var y = person[0]; // person[0] 返回 undefined

定义对象，最后不能添加逗号
错误的定义方式：
websites = {site:"菜鸟教程", url:"www.runoob.com", like:460,}
正确的定义方式：
websites = {site:"菜鸟教程", url:"www.runoob.com", like:460}

Undefined 不是 Null
在 JavaScript 中, null 用于对象, undefined 用于变量，属性和方法。
对象只有被定义才有可能为 null，否则为 undefined。
如果我们想测试对象是否存在，在对象还没定义时将会抛出一个错误。
错误的使用方式：
if (myObj !== null && typeof myObj !== "undefined")
正确的方式是我们需要先使用 typeof 来检测对象是否已定义：
if (typeof myObj !== "undefined" && myObj !== null)

程序块作用域
在每个代码块中 JavaScript 不会创建一个新的作用域，一般各个代码块的作用域都是全局的。
以下代码的的变量 i 返回 10，而不是 undefined：
实例
for (var i = 0; i < 10; i++) {
// some code
}
return i;

时光默

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2016/7/25 周一 xml dtd js

0725 周一 1.xml （可扩展标记语言）通过 DTD 验证的XML是"合法"的 XML：[]>样式引入：通过使用 XSLT，您可以把 XML 文档转换成 HTML 格式。XML 文档中的所有文本均会被解析器解析。只有 CDATA 区段中的文本会被解析器忽略。PCDATA - 被解析的字符数据
复制链接

扫一扫