17、JavaScript编程中的常见问题及处理方法

JavaScript编程中的常见问题及处理方法

1. 命名冲突问题

在JavaScript编程中，命名冲突是一个常见的问题。例如，在 nameclash1.js 中有如下代码：

function change(element) {
    var id = element.id;
    var obj = document.getElementById(id);    
    obj.innerHTML = "";
    obj.innerHTML = "<h1>This is changed!</h1>";
    return true;
}

当在浏览器中打开文件并点击文本“Testing”时，HTML内容会按预期改变。然而，如果在 <title></title> 标签后添加 <script type="text/javascript" src="nameclash2.js"></script> ，且 nameclash2.js 的内容如下：

function change(element) {
    alert("so what?!");
}

这时就无法正常执行代码，会弹出警告框而不是改变HTML内容。若交换外部JavaScript的顺序，div元素的HTML内容会