SVG 与 html 页面 JS 互相调用小例子
5星 · 超过95%的资源 需积分: 42 14 浏览量
2012-06-14
16:07:43
上传
评论
收藏 125KB DOC 举报 
SVG 与 html 的交互(svg 的 js 与 html 的 js 互调用)
这个例子显示了，在 中单击命令按钮设定 中的矩形的填充颜色，并且调用
的 函数 ，产生个消息框。
在 中，单击矩形时，设置 中的 的文本内容，并且调用 的 函数
，产生个消息框。
文档以嵌入在 文档中运行。
例子在 ! "#$%% 中文版下测试通过。
文件的代码：
&&文件名：'$("
"#)" ()(")$ )$" *
1. <?xmlversion="1.0"encoding="utf-8"standalone="no"?>
2. <svgxmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://
www.w3.org/1999/xlink"width="100%"height="100%"onload="init(evt)"o
nclick="Click(evt)">
3. <mce:scripttype="text/javascript"><!--
4. varsvgDoc=null;
5. varsvgRoot=null;
6. varparentWnd=null;//保存 html 的 window 对象DD
7. //初始化DD
8. functioninit(evt)
9. {
10. svgDoc=evt.target.ownerDocument;
11. svgRoot=svgDoc.documentElement;//在 html 中的第二种交互方式会用到DD
12. parentWnd=window.parent;//ASV3.0 可以这么写。英文 6.0 版的要换种写法DD
13. if(parentWnd.document.title==null||parentWnd.document.title=='
')
14. {
15. alert("请不要直接在浏览器中打开‘svg’文档！");
16. //下面的代码作用是不提示确认关闭窗口DD
17. parentWnd.opener=null;
18. parentWnd.open('','_self');
19. parentWnd.close();
20. }
21. svgDoc.svgWnd=window;//这里人为进行设定，以便在 html 中的第一种交互方式
中可以取的到 svg 的 window 对象DD
22. }
23. functionFunCallByHtmlJs()
24. {
评论8
最新资源