如何用JavaScript实现点击锚标签在外部窗口打开链接？遇myFunction未定义报错

嘿，我来帮你搞定这个问题！你遇到的错误核心是作用域问题，再加上代码里还有几个小细节没处理好，咱们一步步来修正：

问题分析 #

你在HTML的onclick属性里调用了myFunction()，但这个函数被你定义在了$(document).ready()的click回调函数内部，甚至还嵌套在if语句里——这就导致myFunction()只在那个局部作用域里存在，全局环境根本找不到它，浏览器自然会报错。另外你的代码里还漏了打开链接的关键代码，而且原生DOM元素不能用jQuery的.val()方法哦。

方案一：推荐使用纯jQuery绑定事件（更规范） #

这种方式不需要依赖HTML里的onclick属性，避免作用域冲突，代码也更清晰：

修改后的HTML #

<a href="#" id="searchEng">Open link</a>
<!-- 假设你有一个id为engine的下拉框或输入框 -->
<select id="engine">
  <option value="firefox">Firefox</option>
  <!-- 可以加其他选项 -->
</select>

修改后的JavaScript #

$(document).ready(function() {
  $('#searchEng').click(function(e) {
    // 阻止a标签默认的跳转行为（避免页面跳到顶部）
    e.preventDefault();
    
    // 用jQuery获取引擎选择的值，更简洁
    const selectedEngine = $('#engine').val();
    
    if (selectedEngine === "firefox") {
      const url = "https://www.mozilla.org/en-US/firefox/";
      // 在新窗口打开链接
      window.open(url, '_blank');
    }
    
    // 可以添加其他引擎的判断逻辑，比如：
    // else if (selectedEngine === "chrome") {
    //   const url = "https://www.google.com/chrome/";
    //   window.open(url, '_blank');
    // }
  });
});

方案二：保留onclick属性（不推荐，但可实现） #

如果一定要用HTML里的onclick，那得把myFunction()放到全局作用域里，或者挂载到window对象上：

方式1：直接定义全局函数 #

function myFunction() {
  // 原生DOM元素用.value获取值，不是.val()
  const engine = document.getElementById('engine');
  const selectedEngine = engine.value;
  
  if (selectedEngine === "firefox") {
    const url = "https://www.mozilla.org/en-US/firefox/";
    window.open(url, '_blank');
  }
  
  // 阻止a标签默认跳转
  return false;
}

对应的HTML不用改，但要确保这个函数在HTML加载前或加载后定义（最好放在<body>底部）。

方式2：在ready里挂载到window #

$(document).ready(function() {
  window.myFunction = function() {
    const selectedEngine = $('#engine').val();
    
    if (selectedEngine === "firefox") {
      const url = "https://www.mozilla.org/en-US/firefox/";
      window.open(url, '_blank');
    }
    
    return false;
  };
});

关键注意点 #

• 记得阻止a标签的默认行为，否则点击后页面会跳转到#（顶部）。
• 原生DOM元素用.value获取值，jQuery对象用.val()，别搞混了。
• 打开新窗口要用window.open(url, '_blank')，之前你只定义了url却没执行打开操作。

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