`
happmaoo
  • 浏览: 4341394 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

5- E4X_Tutorial (JavaScript for XML - Browser Scripting)

阅读更多

E4X Tutorial

E4XJavaScript中针对XML的一个扩展,方便JavaScript中处理XML,但是目前IE不支持,只有FireFox支持。

<!--[if supportFields]><span lang=EN-US><span style='mso-element:field-begin'></span><span style='mso-spacerun:yes'></span>TOC \o &quot;1-3&quot; \h \z \u <span style='mso-element:field-separator'></span></span><![endif]-->What’s E4X.. <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182478742 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->1<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400370038003700340032000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->

E4X How To. <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182478743 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->1<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400370038003700340033000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->

Why E4X?. <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182478744 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->2<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400370038003700340034000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->

E4X Browsers <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182478745 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->2<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400370038003700340035000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->

E4X Example. <!--[if supportFields]><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'><span style='mso-element:field-begin'></span></span><span style='color:windowtext;display:none;mso-hide:screen;text-decoration:none; text-underline:none'> PAGEREF _Toc182478746 \h </span><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-separator'></span></span><![endif]-->3<!--[if gte mso 9]><xml> <w:data>08D0C9EA79F9BACE118C8200AA004BA90B02000000080000000E0000005F0054006F0063003100380032003400370038003700340036000000</w:data> </xml><![endif]--><!--[if supportFields]><span style='color:windowtext; display:none;mso-hide:screen;text-decoration:none;text-underline:none'><span style='mso-element:field-end'></span></span><![endif]-->

<!--[if supportFields]><span lang=EN-US><span style='mso-element:field-end'></span></span><![endif]-->

What’s E4X

http://www.w3schools.com/e4x/default.asp

E4X is a new extension to JavaScript (== ECMAScript)

E4X adds direct support for XML to JavaScript

E4X is an official JavaScript standard

E4X = JavaScript for XML

E4X means "ECMAScript For XML". It is a standard extension to ECMAScript.

So in real life E4X means "JavaScript for XML".

E4X is a Web Standard.

//E4X是一个标准JavaScript的扩展,目的是处理XML文档更加方便简单;XML可以看作一个对象,定义了很多常用和方便的属性和方法。这样是用JavaScript处理XML不再像原来去使用一些XML library,麻烦且易出错。

//现在遇到的障碍是,并不是所有的Browser都很好地支持,FireFox支持,IE不支持。

E4X How To

http://www.w3schools.com/e4x/e4x_howto.asp

E4X is an official JavaScript standard that adds direct support for XML.

With E4X, you can declare an XML object variable the same way as you declare a Date or an Array object variable:

var x = new XML()

var y = new Date()

var z = new Array()

E4X makes scripting for XML with JavaScript very simple.

With E4X, you can define an XML document as a JavaScript object.

Example:

var note= <note>

<date>2002-08-01</date>

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>;

var x= new XML(note);

OR

var x = new XML();

x=

<note>

<date>2002-08-01</date>

<to>Tove</to>

<from>Jani</from>

<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>

</note>;

OR

// load XML file to JavaScript XML Object

var xmlDoc=new XML()
xmlDoc.load("note.xml")
document.write(xmlDoc.body)

XML Objects拥有一些现成的属性和方法。

例如,显示上方XMLfrom结点的值,可以使用如下语句:

document.write(x.from)

will produce the output:

Jani

Quite simple. Don't you think?

Why E4X?

http://www.w3schools.com/e4x/e4x_why.asp

E4X makes XML very simple to use. If you have ever tried to use JavaScript to parse and manipulate XML, you will find that E4X is much simpler to use.

Without E4X you have to use an XML library (or an XML component) to work with XML.

These libraries or components have different syntax and work differently in different browsers.

E4X Browsers

http://www.w3schools.com/e4x/e4x_browsers.asp

IE始终不支持,没办法用。L

E4X Example

http://www.w3schools.com/e4x/e4x_example.asp

E4X makes scripting for XML very simple.

<html>

<head>

</head>

<body>

<scripttype="text/javascript">...

varorder=newXML()

order
=<orderid="555">

<date>2005-08-01</date>

<customer>

<firstname>John</firstname>

<lastname>Johnson</lastname>

</customer>

<item>

<name>Maxilaku</name>

<qty>5</qty>

<price>155.00</price>

</item>

</order>;



vartotal=order.item.qty*order.item.price;

document.write(order.customer.lastname);

document.write(
'Thetotalpriceis'+total);

</script>

</body>

</html>

FireFox下输出正常,IE下不支持

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics