未捕获的引用错误 - <h3> 的 onClick 函数来自 href [重复]答案

【问题标题】：Uncaught Reference Error - onClick function of <h3> from href [duplicate]未捕获的引用错误 - <h3> 的 onClick 函数来自 href [重复]
【发布时间】：2016-12-26 17:56:50
【问题描述】：

我在 HTML 文件的顶部包含了我的 javascript 文件

<link rel="script" type="text/css" href="click.js">

并且在我h3的onClick属性中，我通过了onInfoClick()。

JS中的onInfoClick函数：

function onInfoClick() {
    window.open('http://easydiet.io/panel-info.php', '_self');
}

当我单击<h3> 时，我得到一个未捕获的引用错误。我知道我可能可以将<h3> 包装在<a> 中，并添加href="" 属性，但是有没有其他方法可以做到这一点，因为<h3> 不支持href 属性？

【问题讨论】：

你需要<script src="click.js"> </script>

标签： javascript html css

【解决方案1】：

您注入的脚本不正确。使用下一个语法：

<script src="click.js" type="text/javascript"></script>

【讨论】：

如果我在 JavaScript 文件中使用具有相同属性的标签而不是
链接标签显示浏览器存在两个文档之间的关系；在这种情况下，链接标签表示页面从某个外部文件获取其 javascript，因此浏览器应该加载它。 script 标签只是告诉浏览器 javascript 的来源是某个文件。所以我认为 - script 标签在浏览器中经过全面优化，仅适用于脚本，而链接标签更抽象，可用于链接不同的文档，因此我们可能存在差异，因为仅编写脚本行为并不难，但描述了所有可用参考（样式、备用网址等）

【解决方案2】：

类型应该是 text/javascript 而不是 text/css

<link rel="script" type="text/javascript" href="click.js">

更新

<link type="text/javascript" src="click.js">

【讨论】：

【解决方案3】：

或者试试这个方法

<script src="click.js" type="text/javascript"></script>

它也应该可以工作。

【讨论】：

【解决方案4】：

根据documentation：

<!-- HTML4 et (x)HTML -->
<script type="text/javascript" src="javascript.js">

<!-- HTML5 -->
<script src="javascript.js"></script>

【讨论】：