SVG和Javascript代码可以保存在单独的文件中，还是让脚本操作SVG元素吗？

Question

为了保持代码清洁，我试图将脚本代码放在script.js中，将我的SVG代码放在svg.svg中。另外我在我的html中包含这些文件，但javascript根本没有运行。有没有办法实现这一点，或者我必须使用以下方法将javascript嵌入SVG代码中：

<script>
<![CDATA[
 ...
// ]]>
</script>

My Current html代码以这种方式包含javascript和svg：

<embed src="svg.svg" type="svg+xml"></embed>

和

<script type="text/javascript" xlink:href="script.js"></script>  

Answer 1

所以我通过试验和错误学到了很多东西。虽然我相信大多数人可能已经知道这一点，但我自己也在学习这一点，这对我来说是一个很大的认识。出于某种原因，文档并不像人们期望的那样彻底。

1. 并非真正需要脚本开头和结尾<![CDATA[的标记// ]]>。该脚本可以放在svg标签之外。我相信，如果您在代码中放置代码，则可能需要包含这些标识符。

2. svg文件可以这种方式包含js文件：

   <script type="text/javascript" xlink:href="script.js"></script>

3. 与往常一样，svg中的元素可以通过id轻松引用。只需提供一个ID，然后使用document.getElementById()

4. 另一个有趣的发现是SVG上的O Reily书位于：http://commons.oreilly.com/wiki/index.php/SVG_Essentials 有时会使用一些无法正确运行的旧语法。所以要小心。