Question

我正在尝试为svg组件的onclick事件使用javascript函数（在单独的js文件中）。我已经尝试从我的svg节点中引用该文件，但是我收到错误说明函数undefined。它确实表示脚本标记中的src属性未声明。

我尝试将scr更改为xlink:href并将xmls:xlink属性添加到svg但我遇到了同样的问题。

如果我在svg节点中添加该函数，它可以正常工作。

我如何以及在何处使用我想要调用的函数引用js文件？

这是我的SVG文件的内容。我想调用的方法是ShowContextMenu（），它位于另一个文件中。

  <svg class="SystemOverview" id="m" currentScale="1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 900 500">

<svg class="p21" componentType="Valve2Way" onclick="ShowContextMenu()">    
  <line x1="73" y1="40" x2="73" y2="45" stroke = "black"></line>
  <line x1="73" y1="62" x2="73" y2="66" stroke = "black"></line>
  <polygon id="p21IN" points="65,43 73,53 80,43" stroke="black" fill="white"></polygon>
  <polygon id="p21OUT" points="65,62 73,53 80,62" stroke="black" fill="white"></polygon>
  <polygon id="p21ALERT" points="60,40 85,40 85,66 60,66" stroke="none" stroke-width="2" fill="none"></polygon>
</svg>

Answer 1

外部javascripts应放在<head>部分。其余的代码看起来是正确的。

<html>
    <head>
        <script type="type="text/javascript" src="path/to/file.js"></script>
    </head>
    <body>
        ...
    </body>
</html>

从svg类引用单独的Javascript文件

1 个答案: