ASP.NET（Visual Studio）中HTML代码遇JavaScript运行时错误求助

别着急，这个错误本质是浏览器在调用addInput的时候找不到这个函数——和你加了jQuery没关系，除非你的函数依赖jQuery但加载顺序或者作用域出了问题。我给你列几个最常见的排查方向：

1. 函数被锁在了局部作用域里 #

如果你把addInput写在了jQuery的$(document).ready()或者其他闭包里面，比如这样：

$(document).ready(function() {
  function addInput() {
    // 你的代码
  }
});

那这个函数只能在闭包内部访问，外面的onclick事件根本找不到它。解决办法：把函数移到全局作用域，或者把它挂载到全局对象上：

// 全局定义函数
function addInput() {
  // 你的代码，这里可以正常用jQuery
  $('#container').append('<input type="text">');
}

$(document).ready(function() {
  // 其他需要DOM加载完成后执行的代码
});

2. 脚本加载顺序搞反了 #

如果你的addInput依赖jQuery，但你先加载了自己的脚本，再加载jQuery，或者调用函数的时候脚本还没加载完，都会出问题。正确的顺序应该是：

<!-- 第一步：先加载jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- 第二步：加载定义addInput的脚本 -->
<script>
function addInput() {
  // 这里可以安全使用jQuery API
}
</script>
<!-- 第三步：放调用函数的元素 -->
<button onclick="addInput()">添加输入框</button>

3. 脚本根本没加载成功 #

检查一下定义addInput的脚本文件路径是不是写错了，或者在ASP.NET里有没有因为路径解析问题导致404。打开浏览器F12的Network面板，刷新页面，看看你的脚本是不是成功加载了（状态码200）。如果是本地脚本，用ASP.NET的ResolveUrl确保路径正确：

<script src='<%= ResolveUrl("~/Scripts/your-script.js") %>'></script>

4. 函数名拼写错误 #

JavaScript是大小写敏感的！比如你定义的是addInput，但调用的时候写成了addinput或者AddInput，肯定找不到。仔细核对调用处和定义处的函数名，确保完全一致。

5. WebForms的特殊坑 #

如果是ASP.NET WebForms，还要注意：

• 不要把脚本放在UpdatePanel里面，除非你用ScriptManager注册脚本，否则局部刷新后脚本可能失效。
• 可以用ClientScript.RegisterStartupScript来注册你的函数，确保它在DOM准备好后可用：

protected void Page_Load(object sender, EventArgs e)
{
    string script = @"function addInput() { /* 你的函数逻辑 */ }";
    ClientScript.RegisterStartupScript(this.GetType(), "AddInputScript", script, true);
}

最后，给你个更稳妥的写法——用jQuery绑定事件，避免直接用onclick属性，这样能避开很多作用域和加载顺序的问题：

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function() {
  // 给按钮绑定点击事件
  $('#add-btn').click(function() {
    // 这里写addInput的逻辑
    $('#input-container').append('<input type="text" class="form-control mt-2">');
  });
});
</script>

<button id="add-btn">添加新输入框</button>
<div id="input-container"></div>

用浏览器的F12开发者工具多排查：Console看错误细节，Sources面板搜addInput看有没有定义，Network看脚本加载情况，很快就能找到问题啦！

内容的提问来源于stack exchange，提问作者techindustry