例如：
--- a.php ---
<script>
function fun() {
console.log('this is fun() from a.php');
}
function loadb() {
$("#loadb").load("b.php");
}
function removeb() {
$("#loadb").remove();
}
</script>
This is a.php
<input type="button" onclick="fun()" value="echo fun">
<input type="button" onclick="loadb()" value="load b.php">
<input type="button" onclick="removeb()" value="remove b.php">
<div id="loadb"></div>
--- b.php ---
<script>
function fun() {
console.log('this is fun() from b.php');
}
</script>
This is b.php
在我从 Ajax 加载 b.php 后，a.php 中的“fun()”将被覆盖，即使我通过删除 b.php 来删除 b.php 中的 fun() 仍然保留在页面中。
确保ajax页面调用它自己的js函数的实用方法是什么？
因为 a.php 会加载很多其他不同开发者开发的页面，他们可能会在页面内部编写自己的 js 函数，有时它们的函数会有共同的命名，如：remove()、add()...等。
我想知道，是否有任何有效的方法来避免这种情况？
谢谢。