为了保持代码的整洁,我试图将脚本代码放在script.js中,将SVG代码放在SVG.SVG中。此外,我还在html中包含了这些文件,但javascript根本不运行。有什么方法可以实现这一点吗?或者我必须使用将javascript嵌入SVG代码中吗
<script>
<![CDATA[
...
// ]]>
</script>
我当前的html代码包括以下方式的javascript和svg:
<embed src="svg.svg" type="svg+xml"></embed>
和
<script type="text/javascript" xlink:href="script.js"></script>
所以我通过反复试验学到了一些东西。虽然我相信大多数人可能已经知道这一点,但我正在自学,这对我来说是一个巨大的认识。由于某些原因,文档并不像人们预期的那样全面。
-
在脚本的开始和结束
// ]]>
处的标记<![CDATA[
实际上不是必需的。脚本可以放置在svg标记之外。我相信,如果您在标签中放置代码,您可能需要包含这些标识符。 -
svg文件可以通过以下方式包含js文件:
<script type="text/javascript" xlink:href="script.js"></script>
-
和往常一样,svg中的元素可以很容易地被id引用。只需给出一个id,然后使用
document.getElementById()
-
另一个有趣的发现是O Reily关于SVG的书位于:http://commons.oreilly.com/wiki/index.php/SVG_Essentials有时使用一些运行不正确的旧语法。所以要小心。