Question

在我的HTML代码中，我有一个带有矩形的SVG，该矩形与我制作的JavaScript函数相连。为了测试按钮是否正常工作，我使JavaScript代码非常简单：

function print() {
    alert("Print Statement.");
}

<svg width="500" height="500">
    <rect width="100" height="50" x="10" y="10" onclick="print();" />
</svg>

这可以正常工作，但是当我在打印语句中更改要打印的字符串时，它仍会打印前一个字符串（即，如果打印了“ Hello”，而我将其更改为“ World”，它仍然会打印“ Hello”） ”）。我尝试了刷新网页的基本步骤，确保已保存代码，甚至删除了整个功能，然后重新编写了代码。它仍然不会更新代码。这是一个问题，因为当我开始实现真正的功能时，如果我需要进行更改，则不会进行更新。有什么想法吗？

（编辑）

我将Visual Studio Code用于文本编辑器，并将Google Chrome用于浏览器。 JavaScript代码在一个单独的文件中，并这样导入到head标签中，如下所示：<script src="file.js" type="text/javascript"></script>主要的HTML代码是一个PHP文件，因为稍后我将在站点中实现数据库。

Answer 1

我发现了问题。我要做的是在JavaScript文件中更改函数的名称，但在HTML代码中保留文件的旧名称：

function print1(str) { //function is now called print1
  alert(str);
}

<svg width="500" height="500">
  <rect width="100" height="50" x="10" y="10" onclick="print('Hello');" />
</svg>

然后，我保存了文件并尝试运行它。它没有用，所以我返回到JavaScript代码并改回了名称，然后它就起作用了。我不知道这是如何工作的，但确实如此。感谢所有提供帮助的人！

更改后Javascript将不会更新

1 个答案: