SVG标签中externalResourcesRequired对SVG文档load事件触发影响

环境：WIN7、IE 8.0、SVG插件ASV

测试代码

 

function test() {
   alert('ok');
}

 

svg标签

 

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/SVG/DTD/svg10.dtd">
<?xml-stylesheet type="text/css" href="css/svg_component_style_sheet.css"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
	 width="100%" height="100%" xml:space="preserve" onload="test()"
	 externalResourcesRequired="true">


</svg>

 

 “externalResourcesRequired”属性在http://www.w3.org/TR/SVG/struct.html官方技术规范里说明如下

 

externalResourcesRequired = "false | true"
false
(The default value.) Indicates that resources external to the current document are optional. Document rendering can proceed even if external resources are unavailable to the current element and its descendants.
true
Indicates that resources external to the current document are required. If an external resource is not available, progressive rendering is suspended, the document's SVGLoad event is not fired and the animation timeline does not begin until that resource and all other required resources become available, have been parsed and are ready to be rendered. If a timeout event occurs on a required resource, then the document goes into an error state (see Error processing). The document remains in an error state until all required resources become available.

 当externalResourcesRequired设置为true是，svg会寻找引用的其他svg文档，并且不会触发load事件，而且svg文档的加载速度经过实际测试页慢了很多，这就是测试代码中，命名定义了事件句柄onload=“test()”，也不能触发的结论。

 

 

注：本博客文章均已注明原创和转载，如转载本博客文章，需注明原文出处或征求原作者同意。