Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在html图像单击事件中调用aspx页面中的JavaScript函数时,为什么我的网页会刷新?_Javascript_Asp.net_Html - Fatal编程技术网

在html图像单击事件中调用aspx页面中的JavaScript函数时,为什么我的网页会刷新?

在html图像单击事件中调用aspx页面中的JavaScript函数时,为什么我的网页会刷新?,javascript,asp.net,html,Javascript,Asp.net,Html,我在mt aspx页面中使用了一个html图像控件,我在该控件的click事件上调用了一个javascript函数,但是在这里,我的页面每次单击都会刷新 这是我的密码: <input id="wbsnew1" type="image" value="New" onclick="showHideDiv()" src="images/New.png" /> “newdata2”是一个div 函数showHideDiv(){ document.getElementById(“newdat

我在mt aspx页面中使用了一个html图像控件,我在该控件的click事件上调用了一个javascript函数,但是在这里,我的页面每次单击都会刷新

这是我的密码:

<input id="wbsnew1" type="image" value="New" onclick="showHideDiv()" src="images/New.png" />
“newdata2”是一个div


函数showHideDiv(){
document.getElementById(“newdata2”).style.display=“block”;
返回false;
} 

尝试在应用函数后返回,如以下代码所示:

`<input id="wbsnew1" type="image" value="New" onclick="showHideDiv(); return false;" src="images/New.png" />`  

我假设输入标记位于触发重新加载的其他html元素中。尝试停止冒泡:

<input id="wbsnew1" type="image" value="New" onclick="showHideDiv(event)" src="images/New.png" />

function showHideDiv(event) {
        event.stopPropagation();
        document.getElementById("newdata2").style.display = "block";
    } 

函数showHideDiv(事件){
event.stopPropagation();
document.getElementById(“newdata2”).style.display=“block”;
} 
元素用于提交表单(在ASP.NET中等于回发)

你几乎没有其他选择:

  • (最好)将
    标记替换为
    。其他属性相同(除了不需要
    类型
    属性)

  • return false
    添加到
    onclick
    处理程序:
    信息不足。你能多给我们看看你的htmlwhat part吗?我可以给你看。你需要“newdata2”分区吗?谢谢你解决了这个问题。。。事实上,当它按下按钮时,它没有返回,但我把它改成了图片。。问题是??问题是,输入按钮导致回发,以及是否调用javascript函数但回发未停止,返回false完成了工作。因此它返回false,回发被停止。
    不执行表单提交。只有
    执行此操作,函数不需要返回false。处理程序中的
    return false
    语句就足够了。有时在浏览器中,函数内部的返回无法解决此类问题。我多次遇到这种情况,我在应用函数后通过返回解决了它
    `<input id="wbsnew1" type="image" value="New" onclick="showHideDiv(); return false;" src="images/New.png" />`  
    
    function showHideDiv() {  
         document.getElementById("newdata2").style.display = "block";
    
    return false;
    }
    
    <input id="wbsnew1" type="image" value="New" onclick="showHideDiv(event)" src="images/New.png" />
    
    function showHideDiv(event) {
            event.stopPropagation();
            document.getElementById("newdata2").style.display = "block";
        } 
    
    <input onclick="return showHideDiv();" />
    
    function showHideDiv() {
        ....
        return false;
    }