从svg类中引用单独的Javascript文件_Javascript_Svg

从svg类中引用单独的Javascript文件

javascript svg

从svg类中引用单独的Javascript文件,javascript,svg,Javascript,Svg,我正在尝试为svg组件的onclick事件使用javascript函数（在单独的js文件中）。我曾尝试从svg节点中引用该文件，但出现一个错误，即functionundefined。它确实说明脚本标记中的src属性没有声明我尝试将scr更改为xlink:href，并将xmls:xlink属性添加到svg，但我遇到了同样的问题如果我在svg节点中添加该函数，它可以正常工作如何以及在何处使用我要调用的函数引用js文件这是我的SVG文件的内容。我要调用的方法是ShowContextMenu（）

我正在尝试为svg组件的

onclick

事件使用javascript函数（在单独的js文件中）。我曾尝试从svg节点中引用该文件，但出现一个错误，即function

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>

外部Java脚本应放在

部分。代码的其余部分看起来是正确的

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


我们需要看看有问题的代码。请编辑并添加问题。您应该查看此答案-