Question

当我运行JS功能（在按钮上单击）时，它会重新加载页面并显示函数输出的数据。但是，当我在页面加载时运行JS代码（没有函数或按钮）时，脚本运行正常。

我已经尝试了多种方法来解决这个问题，例如使用类型=＆＃34;按钮＆＃34;而不是输入。我也试过让JS函数返回false。问题是，我无法访问JS，只能实现它，而不是改变它。

没有功能的JS代码：

var placeHolder = new Sched({
    PID: "Something"
});
placeHolder.write();

当我有一个按钮（类型=＆＃34;按钮＆＃34;）时，删除placeHolder.write（）行会阻止页面重新加载，但显然也会阻止JS完成其工作。我想采用placeHolder.write（）生成的HTML并将其添加到某个div中。我知道如何使用静态数据完成所有这些操作，但我不能阻止页面重新加载并显示placeHolder.write（）打印的内容。

如果我需要更简洁，请告诉我。我试图弄清楚如何用这个问题来解决这个问题......

编辑：只是想在整个项目中添加一些信息。我正在为一所大学制作一个页面。学校提供了一个允许HTML输入的页面构建器。然后，该网站会获取您想要的HTML，并将其添加到大学的网站布局中（例如侧栏，页眉和页脚）。

用户应该能够在输入框中输入某个主要代码，单击按钮，课程信息应显示在下方。我在测试中对此进行了简化，以确定页面重新加载的原因（同时按下按钮时，大学网站的布局也会丢失）。在我的简化中，我删除了输入和表单，只是有一个按钮，它运行包含上述代码的函数。＆＃34;东西＆＃34;被替换为主要代码（静态）。我已经尝试将placeHolder.write（）设置为div的innerHTML，它也不起作用。

Answer 1

如果按钮处于表单状态，则在您单击时自动提交。您需要在preventDefault()对象上运行event方法，或者从函数中运行return false。

您可以查看此处：How to prevent form from being submitted?

从刷新页面停止Javascript函数

1 个答案: