.net 注意<button>按钮表单下会刷新页面

最新推荐文章于 2023-11-17 10:51:14 发布

wumenghao

最新推荐文章于 2023-11-17 10:51:14 发布

阅读量2.7k

点赞数

分类专栏： asp.net

本文链接：https://blog.csdn.net/wumenghao/article/details/76081085

版权

asp.net 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

form表单下<button>点击后会刷新页面，<input type="button">不会。

这样有时候你在用<button>按钮就需要注意了。

例如：

fun()
{
      document.getElementById("content").innerHTML = "xxxx"
}

<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr id="lct">
            </tr>
            <tr id="ms">
            </tr>
        </table>
    </div>
    <div id="content" style="display:none" >
        asdfasf
    </div>
    <button οnclick="fun()">btn</button>
    <input type="button" οnclick="fun()" value="按钮" />
    </form>
</body>

<button>btn点击后会出现页面一瞬间显示为：xxxx,但马上又变回了

asdfasf

原因：这是因为在大部分浏览器下面form表单下button点击后会提交数据刷新页面

解决办法：使用

<input type="button">

或者给button加上一个type="button"属性

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wumenghao

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

react_T_v18

Pwsifeng的博客

06-16

1654

初学者

.NET/C# ⾯试题汇总系列：ASP.NET常见面试题 003

最新发布

Code365

06-28

702

进程：进程是比线程大的程序运行单元，都是由操作系统所体会的系统运行单元，一个程序中至少要有一个进程，一个进程中，至少要有一个线程线程：线程的划分尺度要比进程要小，进程拥有独立的内存单元，线程是共享内存，从而极大的提高了程序的运行效率,同一个进程中的多个线程可以并发执行。事件基于委托，事件的本质是委托字段的包装器，对委托字段的访问起限制作用，RANK 函数的语法是：在分组内，按照特定的顺序排名，序号从 1 依次递增，排名函数以 tie 为单位，每个 tie 中的所有行的排名是相同的，排名可能是不连续的。

参与评论您还未登录，请先登录后发表或查看评论

ASP .NET中执行控件（如ImageButton、LinkButton等）命令不刷新页面

01-01

功能需求：在框架中使用ImageButton控件关闭应用程序问询“是否确认退出”，用ImageButton的OnClick事件（C#）中调用JavaScript关闭IE。问题提出：弹出对话框时，就丢失子界面中的内容，即使你不退出系统，也无法返回原状态。解决方案：不直接使用ImageButton的OnClick事件（C#），而通过ImageButton的Attributes.Add(“OnClick”,”[removed]…”)的方式处理，就能解决这个问题。 1、aspx文件：代码如下:<!– aspx文件 –> <asp:ImageButton ID=”ImageButton_Clo

点击button后刷新了页面

weixin_30522183的博客

03-25

667

　　今天遇到一个特别奇怪的事，在页面中使用button标签，添加了点击事件onclic，点击的时候倒是执行了绑定的方法，但页面被刷新了！　　什么鬼？我没与提交表单啊！　　原来，button默认具有提交表单的动作！！！　　咔嚓！这是哪个货设计的？要想避免button绑定事件同时会提交表单，有以下方法： 1，不使用button，使用<input type='button'...

asp.net 点击button按钮后界面不自动刷新

weixin_30826095的博客

08-01

2399

问题：我使用的button标签，在标签中没有使用ruant=“server”的属性，但是在点击button时，界面还是会刷新解决方式：由于界面中含有form标签，而button标签的默认type是submit。所以相当于进行了form提交操作。为了是界面不刷新只需要在botton标签中加入type=“button”即可。转载于:https://www.cnblogs.c...

点击按钮自动刷新页面

weixin_30372371的博客

09-05

1829

<问题> <button type="button" style="height: 29px; float: left; width: 18%; border: none; border-left: 1px solid #d07878; border-radius: 0 4px 5px 0; padding-top: 3px" onclick="return search()"...

防止点击asp.net的button按钮刷新页面（保留button的外观）

weixin_30325071的博客

07-09

1210

原文发布时间为：2008-08-06 —— 来源于本人的百度文章 [由搬家工具导入]Button btn=new Button(); 1、如果用 btn.Enabled=false;是可以防止刷新的，但是不能点击，而且button的外观变成了凹下去的，很难看2、所以我找到了解决方法。这个方法很好，如下：btn.Attributes.Add("onClick","return false");加上这...

建立第一个ASP.NET Web表单应用程序

ASP.NET Web表单是一种基于ASP.NET技术的Web应用程序开发模型，它提供了一种类似于Windows桌面应用程序开发的方式来构建交互式的Web页面。通过ASP.NET Web表单，开发人员可以使用事件驱动的编程模型和丰富的控件库...

传智播客 .NET面试宝典（2014版）

qq_34573534的博客

09-24

1320

.Net工程师面试笔试宝典由于这套面试题涉及的范围很泛，很广，很杂，大家不可能一天两天就看完和学完这套面试宝典，即使你已经学过了有关的技术，那么至少也需要一个月的时间才能消化和掌握这套面试宝典，所以，大家应该早作准备，从拿到这套面试宝典之日起，就要坚持在每天闲暇之余学习其中几道题目，日积月累，等到出去面试时，一切都水到渠成，面试时就自然会游刃有余了。回答问题的思路：先正面叙述一些基本...

vue笔记总结

m0_64650428的博客

02-21

1140

hgjg

解决点击button按钮会刷新页面的问题

2301_79420857的博客

11-17

939

【代码】解决点击button按钮会刷新页面的问题。

vue实现点击按钮刷新页面的方法:

m0_62118859的博客

04-16

7201

1.简单粗暴的刷新页面方法 //第一种：使用location对象的reload()方法 window.location.reload(); //第二种：使用编程式导航 this.$router.go(0); 2.使用vue中provide和inject

在ASP.NET中，如何实现点击按钮弹出新窗口.刷新父窗口

2004v2004的专栏

10-20

4005

a.aspx//显示某个订单的详细信息，通过一个模态对话框，而且屏幕会变颜色 function ShowOrderDetails(orderId) { var url = "AddMenu.aspx?ID=" + orderId; var Width="700"; var Height="600";

asp.net刷新当前页面

H_aspx的博客

09-11

624

Response.AddHeader("Refresh","0");

ASP.NET刷新页面方法总结

u010819915的专栏

08-24

932

ASP.NET刷新页面在前台和后台代码中都可以进行前台代码刷新页面： 1. 2. 3.在标签内加入： content设置刷新时间间隔 4. var limit="3:00" if ( document.images ) { var parselimit=limit.split( ":" )parselimit=parselim

.net按钮防止其自动刷新的问题

XXXXXXXXXXXXXXXY的博客

04-16

1828

在学习asp.net的时候，发现点击button页面总是会自动刷新，在网上查了之后才知道为何，比如 asp的button默认的类型是Submit，它是服务器控件，所以每次点击就会刷新一次。解决方法一：把button控件放在updatepanel里我个人感觉其实际上还是会刷新页面，只不过是通过ajax方式。解决方法二：使用HTML的button控件 html的是在客户端的。如果想让按...

点击button会自动刷新页面??

丁哒哒的博客

01-06

2704

为什么点击button会自动刷新页面

net 下弹出模式对话框并刷新父页面

argelice的专栏

03-01

1366

关键点不能用客户端控件来触发弹出框（如用/）,因为这样子的话得不到刷新页面的机会。执行的顺序将是：父页面的pageload -》子页面的pageload-》子页面关闭按钮的事件对应处理方法。不能直接弹出aspx页面，这样得到父页面，在关闭弹出框时，将会新出一个和弹出页面一样的不是弹出框的页面。解决办法是弹出html页面，在html页面里用ifrmae嵌入aspx页面示例。这里就需要用j

ASP.Net中防止页面刷新重复提交的几种方法

long546324的专栏

09-15

1、也是最简单和最常用的办法，就是使用转向页面语句，分两种： a.使用服务器端的 Response.Redirect("YourPage"); b.使用客户端脚本 location.href='yourPage'; 这两种方法的缺点是如果要保留页面数据不太方便，如果不用保留可以采用。 2、操作完毕设置一个Session，进入页面时判断这个Session是否为nu...

<button>按钮1</button> <button>按钮3</button> <button>按钮2</button> <button>按钮5</button> <button>按钮4</button>单击按钮1对五个按钮排序

06-20

<button id="button1">按钮1</button> <button id="button2">按钮2</button> <button id="button3">按钮3</button> <button id="button4">按钮4</button> <button id="button5">按钮5</button> <script> ...

.net 注意<button>按钮 表单下会刷新页面

.net 注意<button>按钮表单下会刷新页面