Question

当我尝试以下操作时遇到错误/问题...

这是HTML文件：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mathe einfach geübt</title>
    <link rel="stylesheet" type="text/css" href="CSS/mathElements.css">
  </head>
  <?php require("PHP/latex2htmlparser.php"); ?>
  <body>

<input type="text" id="tobeformatted" value="">

<button type="button" id="activatebutton" onclick='transform()'>Click Me!</button> <br><br>

<span id="formattedexpression">JavaScript can change HTML content.</span>

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

这就是js

alert("done");

function transform() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

直到这里工作（警报发生，如果点击按钮，文字会发生变化）

但是当我现在为js文件添加更多功能时，它会停止工作（没有警报也没有更改文本：

alert("done");
function transform() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function frac() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function expo() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function index() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

（两个文件的HTML相同）

此外，我注意到有一些类似的问题（Javascript stops working when I adapt another snippet inside和can more than one function be added in an external javascript file? i.e .js file?），但它们都被低估并关闭，并且没有包含有用的解决方案。因此，如果这个问题没有得到足够的清楚，请与我联系，我会详细说明。

Answer 1

如果您将代码放入代码段，则可行 - 请参阅下文。

所以我认为错误必须由您包含的脚本引起：

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

所以我会在那里搜索错误。

＆＃13;

alert("done");
function transform() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function frac() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function expo() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

function index() {
    document.getElementById("formattedexpression").innerHTML = "Paragraph changed.";
}

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Mathe einfach geübt</title>
    <link rel="stylesheet" type="text/css" href="CSS/mathElements.css">
  </head>
  <?php require("PHP/latex2htmlparser.php"); ?>
  
  <body>
  
<input type="text" id="tobeformatted" value="">

<button type="button" id="activatebutton" onclick='transform()'>Click Me!</button> <br><br>

<span id="formattedexpression">JavaScript can change HTML content.</span>


<script type="text/javascript" src="js/latex2htmlparser.js"></script>

</body>
</html>

＆＃13;

在同一个js文件中添加多个函数时，js停止工作

1 个答案: