使用带有JavaScript的按钮&；HTML

我知道，这个标题似乎引出了一个重复/无用的问题，但我在其他问题中找不到解决方案。在结束我的问题之前，让我更好地解释并阅读下面的内容

我通过从不同来源学习创建了一个表单。这一切似乎都很好，直到我不得不点击提交按钮，上面写着“另存为TXT”。发生了一件很奇怪的事：

• 如果我点击按钮内的文本“另存为TXT”，它将正确提交我的数据
• 如果我点击按钮文本“另存为TXT”周围的彩色部分，它会刷新页面

我想我找到了为什么会这样，但我无法解决它。这似乎与我的HTML代码和JavaScript代码都有关系。这是它的一部分：

Javascript

HTML

如何通过单击按钮上的任意位置（并执行我在JS函数中编写的操作），更改这部分代码以成功提交

提前感谢,

大家好

---

附：我读了你们在结束我的问题后添加的“著名”问题，但这对我没有帮助。通过编写

type=“button”

而不是

type=“submit”

我没有得到任何结果，很抱歉您需要按钮类型

'button'

，但您有“submit”。因此，它希望提交表单，然后重新加载表单，并按下按钮，您需要执行操作。

A标签是不需要的，所以我删除了它。相反，如果在拐角处单击任何发生的事情，现在该功能正常

<button type="button" id='btn'>Save as TXT</button>

另存为TXT

您需要按钮类型

“按钮”

，但您有“提交”。因此，它希望提交表单，然后重新加载表单，并按下按钮，您需要执行操作。

A标签是不需要的，所以我删除了它。相反，如果在拐角处单击任何发生的事情，现在该功能正常

<button type="button" id='btn'>Save as TXT</button>

另存为TXT

• 如果我点击按钮内的文本“另存为TXT”，它将正确提交我的数据

当您单击文本本身时，您正在单击

与

另存为TXT

其中“{Save as TXT}”是您以前在

的

href

中的代码

您需要添加

type=“button”

的原因是，您可以禁用按钮提交表单的默认行为（从而刷新页面）

然后，由于您去掉了

标记，因此需要将用于侦听单击

标记的所有侦听器连接到

为此，请更换：

$（“#提交链接”）。单击（函数（事件）{
//提交时要做的事情。。。
});

与

$（“#对齐”）。单击（函数（事件）{
//提交时要做的事情。。。
});

看到它的作用：

另存为TXT

• 如果我点击按钮内的文本“另存为TXT”，它将正确提交我的数据

当您单击文本本身时，您正在单击

与

另存为TXT

其中“{Save as TXT}”是您以前在

的

href

中的代码

您需要添加

type=“button”

的原因是，您可以禁用按钮提交表单的默认行为（从而刷新页面）

然后，由于您去掉了

标记，因此需要将用于侦听单击

标记的所有侦听器连接到

为此，请更换：

$（“#提交链接”）。单击（函数（事件）{
//提交时要做的事情。。。
});

与

$（“#对齐”）。单击（函数（事件）{
//提交时要做的事情。。。
});

看到它的作用：

另存为TXT

我认为你是对的，但出于某种原因，如果我按照你的建议去做，只要我点击文本或按钮：/My bad，就会刷新页面，我忘了添加

type=“button”

（）。我修复了它。好的，这看起来很奇怪，但是使用

type=“button”

现在会出现以下错误：

Uncaught SyntaxError:Unexpected identifier

。你的代码很完美…我能看看你的其他代码吗？当然。。。你能开始聊天吗？我仍然没有足够的分数来做这件事，我认为你是对的，但是出于某种原因，如果我按照你的建议去做的话，每当我点击文本或按钮：/My bad，它就会刷新页面，我忘了添加

type=“button”

（）。我修复了它。好的，这看起来很奇怪，但是使用

type=“button”

现在会出现以下错误：

Uncaught SyntaxError:Unexpected identifier

。你的代码很完美…我能看看你的其他代码吗？当然。。。你能开始聊天吗？我仍然没有足够的分数来做这件事。首先，我认为这是最好的解决方案，但很抱歉，它仍然不起作用。例如，如果我点击你按钮的一角，它仍然不起作用。你是对的，a标签令人不安。删除后，它在拐角处也能工作。起初我认为这是最好的解决方案，但很抱歉，它仍然不起作用。例如，如果我点击你按钮的一角，它仍然不起作用。你是对的，a标签令人不安。从中删除后，它也会在拐角处工作。

javascript://Save as TXT

不是有效的URL，在尝试处理它时将生成JavaScript错误，因为

另存为TXT

不是有效的JavaScript。提示：不要使用，

javascript://

伪协议，并避免过时的教程仍在使用它。：-）<代码>javascript://Save as TXT不是有效的URL，在尝试处理它时将生成JavaScript错误，因为

另存为TXT

不是有效的JavaScript。提示：不要使用，

javascript://

伪协议，并避免过时

<button type="button" id='btn'>Save as TXT</button>