simple.html，内容如下：
<html>
<frameset rows="*" cols="100%,*">
<frame name="frameX" src="x.html">
<frame name="frameY" src="y.html">
</frameset>
</html>
x.html，内容如下：
<html>
<head>
<script language="JavaScript">
<!--
function setSVGAttribute(name, attribute, value) {
svgDocument = document.sample.getSVGDocument();
targetObj = svgDocument.getElementById(name);
if (targetObj != null) {
targetObj.setAttribute(attribute,value);
}
}
function reload(){
clearTimeout(timerId);
parent.script.location.replace("y.html");
timerId = setTimeout("reload()", 30000);
}
// -->
</script>
</head>
<body onLoad="timerId=setTimeout('reload()', 30000)">
<embed name="sample" type="image/svg+xml" src="simple.svg" width="100%" height="100%">
</body>
</html>
y.html，内容如下：
<html>
<head>
<script language="JavaScript">
<!--
function set() {
parent.frameX.setSVGAttribute("obj1", "stroke", "red");
}
// -->
</script>
</head>
<body onload="set()"/>
</html>
x.html中嵌入的svg名字为simple.svg，内容如下：
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<?xml-stylesheet href="simplestyle.css" type="text/css"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="400" height="400">
<polygon id="obj1" fill="white" stroke="black" stroke-width="1" points="112,212 190,212 190,204 112,204"/>
</svg>
描述：
simple.html包含x.html和y.html。y.html中嵌入了simple.svg，y.html不显示任何内容，只是负责刷新svg中polygon元素的stroke属性。
这个例子是一个试验，目的是动态刷新simple.html中嵌入的svg的部分内容，而不用刷新整个html，以避免数据过多时页面的闪烁以及其他效率问题。
问题：但是我在simple.html中看不到ID为obj1的polygon的颜色变化。不知问题出在哪里？
请各位朋友不吝赐教！
[返回] 中文XML论坛 - 专业的XML技术讨论区 →
XML.ORG.CN讨论区 - 高级XML应用 → 『 SVG/GML/VRML/X3D/XAML 』 → 在html中嵌入svg，并且动态刷新html来改变svg元素属性
(订阅本版)
2005/12/15 14:46:00
新浪微博
在html中嵌入svg，并且动态刷新html来改变svg元素属性
