Question

我有两个按钮，它们都很完美。然后，我在我的网站的其他页面中都需要这两个，我只是复制并粘贴代码，按钮出现但它们不起作用。

<input style="outline: none;" type="button" onclick="formatTextlink ('http://');" class="btn btn-default" value="link">

<input style="outline: none;" type="button" onclick="formatText ('bkz:');" class="btn btn-default" value="bkz:">

我收到此错误：

未捕获的ReferenceError：未定义formatTextlink HTMLInputElement.onclick

不知道该怎么做。任何帮助表示赞赏。谢谢你！

Answer 1

未捕获的ReferenceError：未定义formatTextlink当您调用的函数在页面中不可用或js脚本中的错误检查该函数是否可用时，会发生此错误。否则请在您需要的页面中调用具有该功能的js函数调用

Answer 2

未捕获的ReferenceError主要是 引用未找到 。

当前页面中未定义formatTextlink的主要内容。因此，您应该重新导入定义函数的.js。

我建议将thos函数放在一个公共文件中（例如，commonFunctions.js），并在需要两个按钮时重新导入该文件。

commonFunctions.js和您的页面（示例）

function formatText(tag) {
   var Field = document.getElementById('entry_girdi');
   var val = Field.value;
   var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
   var before_txt = val.substring(0, Field.selectionStart);
   var after_txt = val.substring(Field.selectionEnd, val.length);
	Field.value += '[' + tag + '/]';
}

function formatTextlink(tag) {
   var Field = document.getElementById('entry_girdi');
   var val = Field.value;
   var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
   var before_txt = val.substring(0, Field.selectionStart);
   var after_txt = val.substring(Field.selectionEnd, val.length);
	Field.value += '' + tag + '';
}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="commonFunctions.js"></script>
</head>
<body>

<input style="outline: none;" type="button" onclick="formatTextlink ('http://');" class="btn btn-default" value="link">

<input style="outline: none;" type="button" onclick="formatText ('bkz:');" class="btn btn-default" value="bkz:">

</body>
</html>

Answer 3

我确定忘记在第二页中包含js代码。我必须添加以下行以使我的按钮工作。我认为将js代码放一次足以使所有按钮都工作，这是我的错误。所以这是解决方案，对不起，谢谢大家！

<script type="text/javascript">
function formatText(tag) {
   var Field = document.getElementById('entry_girdi');
   var val = Field.value;
   var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
   var before_txt = val.substring(0, Field.selectionStart);
   var after_txt = val.substring(Field.selectionEnd, val.length);
	Field.value += '[' + tag + '/]';
}
</script>

<script type="text/javascript">
function formatTextlink(tag) {
   var Field = document.getElementById('entry_girdi');
   var val = Field.value;
   var selected_txt = val.substring(Field.selectionStart, Field.selectionEnd);
   var before_txt = val.substring(0, Field.selectionStart);
   var after_txt = val.substring(Field.selectionEnd, val.length);
	Field.value += '' + tag + '';
}
</script>

Answer 4

确保您已使用<script>标记或元标记导入此页面中的JavaScript源代码（定义函数的位置）。

OnClick按钮在另一个页面上不起作用

4 个答案: