Javascript 如何在没有页面加载的情况下创建按钮事件?

Javascript 如何在没有页面加载的情况下创建按钮事件?,javascript,jquery,html,asp.net,Javascript,Jquery,Html,Asp.net,我正在开发一个asp.net应用程序,其中的按钮是这样写的:- <button onclick='javascript:imagech(this);' class='close_product color_dark tr_hover'><i class='fa fa-times'></i></button> 我还为上述按钮提供了一个客户端javascript函数: 函数imagech(){ 警报(“单击图像”); } 我想要的是,每当我单

我正在开发一个asp.net应用程序,其中的按钮是这样写的:-

<button onclick='javascript:imagech(this);' class='close_product color_dark tr_hover'><i class='fa fa-times'></i></button>

我还为上述按钮提供了一个客户端javascript函数:


函数imagech(){
警报(“单击图像”);
}
我想要的是,每当我单击该函数时,按钮单击事件不应触发页面加载。上面的对象不是服务器控件,但它的事件发生在页面加载时。我还可以使用另一个html控件,如下所示:

<input type='button' onclick='javascript:cartclicked(this);' value='X' class='close_product color_dark tr_hover' />

这不会发生页面加载,但我希望图标也用作:

<i class='fa fa-times'></i>


标签内。但是
标记未在
标记中使用。如何在不加载任何页面的情况下标记事件?请帮我找个人。

您似乎在
元素中使用
。默认情况下,按钮充当提交按钮,它尝试在单击时提交表单

为了继续使用按钮并避免此问题,您需要将类型指定为按钮,如下所示

<button type="button" onclick='javascript:imagech(this);' class='close_product color_dark tr_hover'><i class='fa fa-times'></i></button>

您似乎在
元素中使用
。默认情况下,按钮充当提交按钮,它尝试在单击时提交表单

为了继续使用按钮并避免此问题,您需要将类型指定为按钮,如下所示

<button type="button" onclick='javascript:imagech(this);' class='close_product color_dark tr_hover'><i class='fa fa-times'></i></button>

如果我理解正确,问题在于按钮位于
表单
(asp.net主表单)中,并且
单击事件将表单发布到服务器。这就是发生页面加载的原因


解决方案只需添加到按钮属性
type=“button”
中(无论您使用的是
input
还是
button
),如果我理解正确,问题是按钮位于
表单
中(asp.net主表单)然后单击
事件将表单发布到服务器。这就是发生页面加载的原因


解决方案只需添加到按钮(无论您使用的是
输入
还是
按钮
)属性
type=“button”

没有任何页面加载
我不确定我是否正确理解这一点使用
JavaScript事件绑定
窗口内。onload
handler@RayonDabre我该如何使用它?
window.onload=function(){document.getElementById(您的ID).addEventListener('click',…)}
@guradio当我使用标记时,它是一个html控件而不是服务器控件,当我点击它时,页面加载发生,我想停止。
没有任何页面加载
我不确定我是否正确理解这一点使用
JavaScript事件绑定
窗口内。onload
handler@RayonDabre我怎么能用这?
window.onload=function()。