<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <script>
    // 当SVG文档加载完成后执行
    window.addEventListener('DOMContentLoaded', function() {
      console.log('SVG文档已加载');
      // 可以在这里操作SVG元素
    });
  </script>
  <circle cx="50" cy="50" r="40" fill="red" id="myCircle"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
  <script xlink:href="external-script.js"/>
  <circle cx="50" cy="50" r="40" fill="blue"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  <script type="text/javascript">
    // 确保有正确的CDATA块
    <![CDATA[
      console.log('脚本执行');
    ]]>
  </script>
</svg>

document.addEventListener('DOMContentLoaded', function() {
  var circle = document.getElementById('myCircle');
  circle.addEventListener('click', function() {
    this.setAttribute('fill', 'green');
  });
});

// 正确方式创建SVG元素
var newCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
newCircle.setAttribute('cx', '30');
newCircle.setAttribute('cy', '30');
newCircle.setAttribute('r', '20');
newCircle.setAttribute('fill', 'yellow');
document.querySelector('svg').appendChild(newCircle);