??xml version="1.0" encoding="utf-8" standalone="yes"?>
]]>
1、〖打开〗命令的实现
[格式]:document.execCommand("open")
[说明]q跟VB{编E设计中的webbrowser控g中的命o有些怼Q大家也可依此琢琢?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=document.execCommand("open")>打开</a>
2、〖?C?~辑〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]打开C本,在记事本中显C|页的源代码?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=location.replace("view-source:"+location)>使用 C?~辑</a>
3、〖另存ؓ〗命令的实现
[格式]:document.execCommand("saveAs")
[说明]该|页保存到本地盘的其它目录!
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=document.execCommand("saveAs")>另存?lt;/a>
4、〖打印〗命令的实现
[格式]:document.execCommand("print")
[说明]当然Q你必须装了打印机!
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=document.execCommand("print")>打印</a>
5、〖关闭〗命令的实现
[格式]:window.close();return false
[说明]关闭本H口?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=window.close();return false)>关闭本窗?lt;/a>
二、【编?E)】菜单中的命令的实现
〖全选〗命令的实现
[格式]:document.execCommand("selectAll")
[说明]选种|页中的全部内容Q?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=document.execCommand("selectAll")>全?lt;/a>
三、【查?V)】菜单中的命令的实现
1、〖刷新〗命令的实现
[格式]:location.reload() ?history.go(0)
[说明]览器重新打开本页?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=location.reload()>h</a>
或加?<a href="#" onclick=history.go(0)>h</a>
2、〖源文g〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]查看该网늚源代码?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=location.replace("view-source:"+location)>查看源文?lt;/a>
3、〖全屏显C〗命令的实现
[格式]:window.open(document.location,"url","fullscreen")
[说明]全屏昄本页?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏昄</a>
四、【收?A)】菜单中的命令的实现
1、〖添加到收藏夏V命令的实现
[格式]:window.external.AddFavorite('url', '“网站名?
[说明]本|加到收藏夏V?
[举例]?lt;body></body>之间加入Q?
<a href="Java script:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个h主页')">d到收藏夹</a>
2、〖整理收藏夹〗命令的实现
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[说明]打开整理收藏夹对话框?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏?lt;/a>
五、【工?T)】菜单中的命令的实现
〖internet选项〗命令的实现
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[说明]打开internet选项对话框?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>
六、【工h】中的命令的实现
1、〖前q〗命令的实现
[格式]history.go(1) ?history.forward()
[说明]览器打开后一个页面?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=history.go(1)>前进</a>
或加?<a href="#" onclick=history.forward()>前进</a>
2、〖后退〗命令的实现
[格式]:history.go(-1) ?history.back()
[说明]览器返回上一个已览的页面?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=history.go(-1)>后退</a>
或加?<a href="#" onclick=history.back()>后退</a>
3、〖刷新〗命令的实现
[格式]:document.reload() ?history.go(0)
[说明]览器重新打开本页?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=location.reload()>h</a>
或加?<a href="#" onclick=history.go(0)>h</a>
七、其它命令的实现
〖定时关闭本H口〗命令的实现
[格式]:settimeout(window.close(),关闭的时?
[说明]关闭本H口?
[举例]?lt;body></body>之间加入Q?
<a href="#" onclick=settimeout(window.close(),3000)>3U关闭本H口</a>
如果大家q整理出其他用javascript实现的命令,不妨投稿来和大家分n?
【附】ؓ了方便读者,下面列出所有实例代码,你可以把它们攑ֈ一个html文g中,然后预览效果?
<a href="#" onclick=document.execCommand("open")>打开</a><br>
<a href="#" onclick=location.replace("view-source:"+location)>使用 C?~辑</a><br>
<a href="#" onclick=document.execCommand("saveAs")>另存?lt;/a><br>
<a href="#" onclick=document.execCommand("print")>打印</a><br>
<a href="#" onclick=window.close();return false)>关闭本窗?lt;/a><br>
<a href="#" onclick=document.execCommand("selectAll")>全?lt;/a><br>
<a href="#" onclick=location.reload()>h</a> <a href="#" onclick=history.go(0)>h</a><br>
<a href="#" onclick=location.replace("view-source:"+location)>查看源文?lt;/a> <br>
<a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏昄</a> <br>
<a href="Java script:window.external.AddFavorite('http://homepage.yesky.com', '天极|页陶吧')">d到收藏夹</a> <br>
<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏?lt;/a> <br>
<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a> <br>
<a href="#" onclick=history.go(1)>前进1</a> <a href="#" onclick=history.forward()>前进2</a><br>
<a href="#" onclick=history.go(-1)>后退1</a> <a href="#" onclick=history.back()>后退2</a><br>
<a href="#" onclick=settimeout(window.close(),3000)>3U关闭本H口</a><br>
"打开,另存?属?打印"{?4个JS代码
http://www.weiw.com 2003-8-19 伟网动力
■打开?
<input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开>
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■另存ؓ?
<input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存?gt;<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■属性■
<input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属?gt;<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■打印■
<input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■页面设|■
<input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=面讄><OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
■刷新■
<input type=button value=h name=refresh onclick="window.location.reload()">
■导入收藏■
<input type="button" name="Button" value="导入收藏? onClick=window.external.ImportExportFavorites(true,);>
■导出收藏■
<input type="button" name="Button3" value="导出收藏? onClick=window.external.ImportExportFavorites(false,);>
■加入收藏■
<INPUT name=Button2 onclick="window.external.AddFavorite(location.href, document.title)" type=button value=加入收藏?gt;
■整理收藏夹?
<INPUT name=Submit2 onclick="window.external.ShowBrowserUI(OrganizeFavorites, null)" type=button value=整理收藏?gt;
■查看原文g?
<INPUT name=Button onclick=window.location = "view-source:" + window.location.href type=button value=查看源文?gt;
■语a讄?
<INPUT name=Button onclick="window.external.ShowBrowserUI(LanguageDialog, null)" type=button value=语言讄>
■前q■
<INPUT name=Submit onclick=history.go(1) type=submit value=前进>
■后退?
<INPUT name=Submit2 onclick=history.go(-1) type=submit value=后退>
所有网设计师可操作及建立文g的属性、方法及事g都以[对象]来展玎ͼ例如Qdocument ׃表「文件本w」这个对象,table 对象则代?HTML 的表格对象等{)。这些对象可以由当今大多数的览器以 Script 来取用?/font>
DOM 最常被用以[?JavaScript 沟通]Q也是说虽然程序以 JavaScript? 写成Q但使用 DOM 来存取页面及其元素。无论如何,DOM 本n是设计ؓ一U独立的E序语言Q以一致的 API 存取文g的结构表qͼ是以虽然本站的焦Ҏ?JavaScript? 上,?DOM 其实可以与[ME序语言]共同q作?/font>
[全球信息|协会]QWorld Wide Web ConsortiumQW3CQ徏立了 [DOM] 的标准,UC为「W3C DOM」。在当今主要览器都已正实作的情况下,W3C DOM 使强大、跨览器的应用E序成真。这是众|页设计师在 Netscape 4 ?MSIE 多不相容的时代从未梦惌的事情?/font>
DOM的结构:
在DOM 中,我们代表XML 文g的程序设计对象,UCؓ节点QnodesQ。当Internet Explorer 5 处理被链接的XML 文gq储存于DOM 中时Q它会ؓXML 文g的每一个基本组件徏立一个节炏V这些基本组件包括了元素、属性,与处理指令DOM 会用不同Ş态的节点来代表不同Ş态的XML lg。例如,元素是储存在Element 节点中,而属性则是储存在Attribute 节点中。表? 列出了这些节点类型最重要的部分?br /> 节点形?/font> 节点对象所代表的XML文glg 节点名称QnodeName 对象属性) 节点的|nodeValue 对象属性) 文gQDocumentQ?/font> 文g阶层中的根节点(代表整个XML 文gQ?/font> #document Null 元素QElementQ?/font> 元素 元素形态名U?例如QBOOK) nullQ包含在元素中的QElementQQ何字W数据,是位在一个或多个子文字节点中Q?/font> 文字QTextQ?/font> 属于p个节点的父节Ҏ代表的元素,属性及实体的文字?/font> #text 父XML lg的文?/font> 属性(AttributeQ?/font> 属?(以及其它的名值对Q像处理指o中的名字与? 属性名U?(如Binding) 属性|例如hardcoverQ?/font> 处理指o QProcessing Instruction Q?/font> 处理指oQXML 宣告或自订的处理指oQ?/font> 处理指o的目标(例如xmlQ?/font> 除了目标之外整个处理指o的内容(例如QVersion "1.0"Q?/font> ҎQCommentQ?/font> Ҏ #comment 在批注符号中的文?/font> CDATA 区段QCDATASectionQ?/font> CDATA 区段 #cdata-section CDATA 区段中的内容 文gcdQDocument 文g形态宣?/font> 出现在DOCTYPE 宣告中的根元素的名字(例如INVENTORY) Null 实体QEntityQ?/font> DTD 中的实体宣告 实体名称Q例如imageQ?/font> null Q实体值是位在子文字节点中Q?/font> 标签 DTD 中的标签宣告 标签名称Q例如BMPQ?/font> >null Q卷标的pȝliteralQNotationQ是位在名ؓSYSTEM ?子Attribute node中)
TypeQ?/font>上表中用来表CZ同XML 文glg的基本节点Ş态。这些类型的每一个节炚w是一个程序设计对象,提供了存取相关组件的属性与Ҏ?br /> 你可以从节点中的nodeName 属性获得每个节点的名称Q详列于表格9-1 中的W三栏)。这个名U是以字W?起始Q代表那些未在文件中命名的XML lg节点的标准名U。(例如Q在XML文g中的Ҏq未命名。因此,DOM 用标准名U?comment。)其它节点的名U则是由指定到XML 文g中相对应lg的名U衍生而来。(例如Q代表Ş态BOOK 元素的元素节点也可以命名为BOOK。)
你可以从节点?nodeValue 属性取得每个节点的节点|列于表格9-1 中最后一栏)。如果XMLlg拥有一个相关的|例如Q属性)Q该值将会被储存于节点的节点g。如果XML lgq没有节点|例如Q元素)Q则DOM 会把节点D成null。在本章E后Q你学到更多有兛_于表?.1 中各U节点类型的相关知识?/p>
DOM 会将XML 文g的节点徏构成树状的阶层结构,反映出XML 文g本n的阶层结构。DOM会建立一个单一文g节点来表C整个XML 文gQƈ其视ؓ阶层l构的根节点。注意,XML元素的逻辑阶层l构Q包含了整个XML 文gQ结构中的根节点Q只是DOM 节点的阶层结构的一个分枝?/p>
每个节点Q就像可E序化的对象Q提供了属性和ҎQ让你可以存取、显C、管理,和取得对应到XML lg上的信息。例如,nodeName 和nodeValue 属性(? 所C)提供了元素的名称及内含倹{?/p>
所有Ş态的节点共同分n一l公q属性与Ҏ。这些属性与Ҏ一般是设计来偕同节点一赯作。表? 列出了一些比较有用的共同属性。在本章E后你将获得有关q些属性的更多信息及范例?/p>
属?/font> |
描述 |
范例 |
attributes |
该节点的所有非属性的子节点的NamedNodeMap 集合 |
AttributeNode =Element.attributes.getNamedItem ("Binding"); |
childNodes |
该节点的所有非属性的子节点的NodeList 集合 |
FirstNode =Element.childNodes (0); |
dataType |
该节点的数据cdQ只适用于某些类型Attribute 节点Q?/font> |
AttributeType =Attribute.dataType; |
firstChild |
该节点的W一个非属性的子节?/font> |
FirstChildNode =Element.firstChild; |
lastChild |
该节点的最后一个非属性的子节?/font> |
LastChildNode =Element.lastChild; |
nextSibling |
与本节点位于同一层的后l前一节点 |
NextElement =Element.nextSibling; |
nodeName |
节点的名U?/font> |
ElementName =Element.nodeName; |
nodeType |
表示该节点类型的数值码 |
NodeTypeCode =Node.nodeType; |
nodeTypeString |
包含该节点类型的字符Ԍ以小写字母撰写(例如Q?element"?attribute"Q?/font> |
NodeTypeString=Node.nodeTypeString; |
nodeValue |
该节点的|如果不含值则为nullQ?/font> |
AttributeValue =Attribute.nodeValue; |
ownerDocument |
包含本节点的文g的根Document 节点 |
Document =Node.ownerDocument; |
parentNode |
该节点的父节点(q不适用于Attribute 节点Q?/font> |
ParentElement =Element.parentNode; |
previousSibling |
与本节点位于同一层的先前节?/font> |
PreviousElement =Element.previousSibling; |
text |
该节点与其后裔节点的全部文字内容 |
AllCharacterData =Element.text; |
xml |
该节点与其后裔节点的全部XML 内容 |
XMLContent =Element.xml; |
6-2-1 window对象的方?br />window对象有以下方法:
open