﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>IT博客-H_J_H-文章分类-HTML网页设计学习与技巧</title><link>http://www.cnitblog.com/Johncools/category/2104.html</link><description>------专用杂物房</description><language>zh-cn</language><lastBuildDate>Wed, 28 Sep 2011 17:30:54 GMT</lastBuildDate><pubDate>Wed, 28 Sep 2011 17:30:54 GMT</pubDate><ttl>60</ttl><item><title>javascript小技巧</title><link>http://www.cnitblog.com/Johncools/articles/6724.html</link><dc:creator>H_J_H</dc:creator><author>H_J_H</author><pubDate>Sun, 19 Feb 2006 10:03:00 GMT</pubDate><guid>http://www.cnitblog.com/Johncools/articles/6724.html</guid><wfw:comment>http://www.cnitblog.com/Johncools/comments/6724.html</wfw:comment><comments>http://www.cnitblog.com/Johncools/articles/6724.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/Johncools/comments/commentRss/6724.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/Johncools/services/trackbacks/6724.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();&nbsp; event.srcElement.releaseCapture();&nbsp; 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返...&nbsp;&nbsp;<a href='http://www.cnitblog.com/Johncools/articles/6724.html'>阅读全文</a><img src ="http://www.cnitblog.com/Johncools/aggbug/6724.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/Johncools/" target="_blank">H_J_H</a> 2006-02-19 18:03 <a href="http://www.cnitblog.com/Johncools/articles/6724.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>用javascript操作xml</title><link>http://www.cnitblog.com/Johncools/articles/6725.html</link><dc:creator>H_J_H</dc:creator><author>H_J_H</author><pubDate>Sun, 19 Feb 2006 10:03:00 GMT</pubDate><guid>http://www.cnitblog.com/Johncools/articles/6725.html</guid><wfw:comment>http://www.cnitblog.com/Johncools/comments/6725.html</wfw:comment><comments>http://www.cnitblog.com/Johncools/articles/6725.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/Johncools/comments/commentRss/6725.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/Johncools/services/trackbacks/6725.html</trackback:ping><description><![CDATA[<P><FONT size=1>&lt;script language="JavaScript"&gt;<BR>&lt;!--<BR>var doc = new ActiveXObject("Msxml2.DOMDocument"); //ie5.5+,CreateObject("Microsoft.XMLDOM") </FONT></P>
<P><BR><FONT size=1>//加载文档<BR>//doc.load("b.xml");</FONT></P>
<P><FONT size=1>//创建文件头<BR>var p = doc.createProcessingInstruction("xml","version='1.0'&nbsp; encoding='gb2312'");</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //添加文件头<BR>&nbsp;&nbsp;&nbsp; doc.appendChild(p);</FONT></P>
<P><FONT size=1>//用于直接加载时获得根接点<BR>//var root = doc.documentElement;</FONT></P>
<P><FONT size=1>//两种方式创建根接点<BR>//&nbsp;&nbsp;&nbsp; var root = doc.createElement("students");<BR>&nbsp;&nbsp;&nbsp; var root = doc.createNode(1,"students","");</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //创建子接点<BR>&nbsp;&nbsp;&nbsp; var n = doc.createNode(1,"ttyp","");</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //指定子接点文本<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //n.text = " this is a test";<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; //创建孙接点<BR>&nbsp;&nbsp;&nbsp; var o = doc.createElement("sex");<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; o.text = "男";&nbsp;&nbsp;&nbsp; //指定其文本</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //创建属性<BR>&nbsp;&nbsp;&nbsp; var r = doc.createAttribute("id");<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; r.value="test";</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加属性<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.setAttributeNode(r);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //创建第二个属性&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; var r1 = doc.createAttribute("class");<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; r1.value="tt";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加属性<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.setAttributeNode(r1);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //删除第二个属性<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.removeAttribute("class");</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加孙接点<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.appendChild(o);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加文本接点<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.appendChild(doc.createTextNode("this is a text node."));</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加注释<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; n.appendChild(doc.createComment("this is a comment\n"));<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加子接点<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; root.appendChild(n);<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; //复制接点<BR>&nbsp;&nbsp;&nbsp; var m = n.cloneNode(true);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; root.appendChild(m);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //删除接点<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; root.removeChild(root.childNodes(0));</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //创建数据段<BR>&nbsp;&nbsp;&nbsp; var c = doc.createCDATASection("this is a cdata");<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; c.text = "hi,cdata";<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //添加数据段<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; root.appendChild(c);<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; //添加根接点<BR>&nbsp;&nbsp;&nbsp; doc.appendChild(root);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //查找接点<BR>&nbsp;&nbsp;&nbsp; var a = doc.getElementsByTagName("ttyp");<BR>&nbsp;&nbsp;&nbsp; //var a = doc.selectNodes("//ttyp");</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //显示改接点的属性<BR>&nbsp;&nbsp;&nbsp; for(var i= 0;i&lt;a.length;i++)<BR>&nbsp;&nbsp;&nbsp; {<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(a[i].xml);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for(var j=0;j&lt;a[i].attributes.length;j++)<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(a[i].attributes[j].name);<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR>&nbsp;&nbsp;&nbsp; }</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //修改节点,利用XPATH定位节点<BR>&nbsp;&nbsp;&nbsp; var b = doc.selectSingleNode("//ttyp/sex");<BR>&nbsp;&nbsp;&nbsp; b.text = "女";</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //alert(doc.xml);</FONT></P>
<P><FONT size=1>&nbsp;&nbsp;&nbsp; //XML保存（需要在服务端，客户端用FSO）<BR>&nbsp;&nbsp;&nbsp; //doc.save();<BR>&nbsp;&nbsp;&nbsp; <BR>&nbsp;&nbsp;&nbsp; //查看根接点XML<BR>&nbsp;&nbsp;&nbsp; if(n)<BR>&nbsp;&nbsp;&nbsp; {<BR>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert(n.ownerDocument.xml);<BR>&nbsp;&nbsp;&nbsp; }</FONT></P>
<P><FONT size=1>//--&gt;<BR>&lt;/script&gt;<BR>posted on 2004-11-30 15:55 ttyp 阅读(2178) 评论(13)&nbsp; 编辑 收藏 收藏至365Key 所属分类: 脚本 <BR>&nbsp;</FONT></P>
<P><FONT size=1>评论<BR># re: 用javascript操作xml 2005-04-08 14:01 feig <BR>感谢楼主，以前我做c/s的，对javascript的东西了解太少。 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-07-05 12:16 Koy <BR>我以前也是做c/s的，现在也要学javascript了 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># 求助 2005-08-29 11:30 hawk <BR>我是用js加载xml的片断（从数据库读出的一段符合xml规则的字符串）读取节点，添加均没有问题，可最后却不知道如何将修改后的xml片断保存再放入数据库！求助！！ <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-08-29 12:40 ttyp <BR>doc.save(yourpath); </FONT></P>
<P><FONT size=1>//你在code collection 可以看到很多XML操作 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-08-29 13:19 hawk <BR>我保存的是xml的片断，不是xml的文件，是要把保存后的xml片断作为字符串再放入数据库，code collection 没有关于xml片断保存的操作阿！ <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-08-29 13:26 ttyp <BR>片段是什么？一个接点下的所有内容么，node.xml就是其内容啊 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-08-29 17:25 hawk <BR>就是 <BR>&lt;?xml version="1.0" encoding="gb2312"?&gt;&lt;xml&gt;&lt;group id="我的好友"&gt;&lt;friend&gt;1001&lt;/friend&gt;&lt;friend&gt;1002&lt;/friend&gt;&lt;friend&gt;1003&lt;/friend&gt;&lt;/group&gt;&lt;group id="我的同事"&gt;&lt;friend&gt;1005&lt;/friend&gt;&lt;/group&gt;&lt;/xml&gt; </FONT></P>
<P><FONT size=1>这是放在数据库里得一个字段，用loadXML()的方法后可以和加载xml文件一样用，包括查找，修改，添加节点并显示出来，但是找不修改后保存再放回数据库的方法 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-08-29 19:05 ttyp <BR>你要通过js直接保存在数据库里？那是不行得了，dom没有操作数据库得功能，只能保存为文件，你用doc.xml取得内容后，再用你怎么读得怎么写回去吧 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-09-17 01:55 xiao3 <BR>请教楼主大人，我在使用asp页面中调用 如下的代码时：（javascript中） <BR>&lt;script language=javascript&gt; <BR>var objXML = new ActiveXObject("MSXML2.DOMDocument"); <BR>objXML.async = false; <BR>objXML.load("data1.xml"); <BR>alert("d:"+objXML.xml); <BR>&lt;/script&gt; <BR>如果 装载的 data1.xml文件的第一句是：&lt;?xml version="1.0" encoding="utf-8" ?&gt; <BR>alert出来就是空的。 <BR>而如果把第一句修改成&lt;?xml version="1.0" encoding="gb2312" ?&gt; <BR>alert出来的内容是data1.xml的内容。 <BR>请教一下，如何在保持&lt;?xml version="1.0" encoding="utf-8" ?&gt; 的情况下，在javascript中能正确装载 xml文件？ 现在是要把编码修改成 gb2312才可以。 <BR>谢谢。 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-09-17 08:06 ttyp <BR>XML文件的编码格式修改为UTF-8试试(用记事本打开,另存为,下面有选编码的格式) <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-09-18 02:07 xiao3 <BR>谢谢楼主！ <BR>这样是可以load进来的，用这种方法可以，不知道是否还有其他的方法 </FONT></P>
<P><FONT size=1>谢谢。 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-10-19 20:26 gphy <BR>楼主似乎没给出修改节点的方法 </FONT></P>
<P><FONT size=1>求解 <BR>&nbsp;&nbsp; </FONT></P>
<P><BR><FONT size=1># re: 用javascript操作xml 2005-10-19 22:55 ttyp <BR>加了修改的部分 <BR>//修改节点,利用XPATH定位节点 <BR>var b = doc.selectSingleNode("//ttyp/sex"); <BR>b.text = "女"; <BR></FONT></P>
<P><FONT size=1><IMG height=1 src="http://pwqzc.cnblogs.com/aggbug/259957.html" width=1><BR><BR></P></FONT>
<P align=right><FONT size=1>一帆(老鼠粮仓之路) 2005-10-22 17:48 </FONT></P><img src ="http://www.cnitblog.com/Johncools/aggbug/6725.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/Johncools/" target="_blank">H_J_H</a> 2006-02-19 18:03 <a href="http://www.cnitblog.com/Johncools/articles/6725.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>