首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在同一个js文件中添加多个函数时,js停止工作。

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

Stack Overflow用户
提问于 2018-02-04 15:17:29
回答 1查看 62关注 0票数 0

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

这是HTML文件:

代码语言:javascript
运行
AI代码解释
复制
<!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

代码语言:javascript
运行
AI代码解释
复制
alert("done");

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

,直到这里它才能工作(会发出警报,如果单击按钮,则会更改文本)

但是,当我现在向js文件添加更多函数时,它就停止工作了(不发出警报,也不更改文本:

代码语言:javascript
运行
AI代码解释
复制
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 insidecan more than one function be added in an external javascript file? i.e .js file?),但它们都被否决和关闭,没有包括有用的解决方案。因此,如果这个问题问得不够清楚,请与我联系,我会详细说明。

EN

回答 1

Stack Overflow用户

发布于 2018-02-04 15:25:50

如果你把你的代码放入一个片段中,它就能工作--参见下面。

因此,我认为错误必须是由这个脚本引起的,其中包括:

代码语言:javascript
运行
AI代码解释
复制
<script type="text/javascript" src="js/latex2htmlparser.js"></script>

所以我会在那里寻找错误。

代码语言:javascript
运行
AI代码解释
复制
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.";
}
代码语言:javascript
运行
AI代码解释
复制
<!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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48613982

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档