Html元素引起多次加载页面的问题分析

转载 2015年11月21日 10:05:56

本文转自http://blog.csdn.net/kimera/article/details/7567685

一、Button元素

button各个浏览器的表现,在w3c中,标准的button,其type是submit,等效于<input type=”submit” value=”xxx”/>

浏览器 type 行为 解决办法
Firefox submit 会提交表单 指定type
chrome submit 会提交表单 指定type
ie6 button 不会提交表单  
ie7 button 不会提交表单  
ie8 submit 会提交表单
  1. 当指定type为button时,则可以避免误用button。 如 <button type=”button” onclick=”dosomething();”>我不是提交</button>。
  2. 可以在onclick事件添加return false;避免提交, 如 <button onclick=”dosomething(); return false;”>我不是提交</button>。
  3. 通过在页面head处添加页面以ie7兼容模式查看,也可解决<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />
ie9 submit(未测) 会提交(未测) ie9不支持xp,暂时无法测试,其号称是支持标准最规范,那么其默认是submit

综上所述,为了避免button在各个浏览器中解析的问题,在使用 button时,最佳方案应手动设置其type的类型,即使是submit。或者最佳用input控件

二、img,link,scriptr的src问题

当以下代码出现在html中
<link type=”text/css” href=”#” rel=”stylesheet” />
<script type=”text/javascript” src=”#”></script>
<script type=”text/javascript” src=”?”></script>
<link type=”text/css” href=”?” rel=”stylesheet” />
<img src=”#” />
<img src=”?” />
这些代码会引发将当前页面的输出流作为其src的值,造成页面的二次加载。在浏览器接收流时,会判断其格式(文本或图片)。当发现格式不匹配会主动关闭与服务器之间的连接。引发服务器抛出异常:ClientAbortException。

三、超链接的href问题

当A标签的href=”#”或href=”?”不会引发多次加载页面的问题。常见的会在a标签href赋值#,javascript:;,或javascript:void();其不同的值在不同的浏览器有不同的表现,会产生不同的行为。

href值 行为 优点 缺点
# 锚点会定位到页头 锚点使用可以快速定位当前页面中的位置 页面会有跳动
javascript:;和javascript:void(0); 无响应,死链接 在当前位置进行操作响应(如ajax请求,dom元素控制) 当需要页面整个刷新或跳转时在ie6下会不成功

当需要页面做一些处理后时行页面整个的提交或页面跳转,有以下方法
<a href=”#” onclick=”checkAndSubmit();return false;”>判断再提交</a>
<a href=”###” onclick=”checkAndSubmit();”>判断再提交</a>
<a href=”javascrpt:checkAndSubmit();”>判断再提交</a>
推荐第一种方案。

easyui iframe src 请求两次的处理

刚开始时 src 设为空 后面通过jquery 赋值  就可以了。    $("#iframe1").attr("src","sdfdsfsf"); ...
  • laokaizzz
  • laokaizzz
  • 2014年10月08日 18:14
  • 1753

iframe重复加载的问题

关于动态加载iframe 今天在用chrome调试js代码时发现,原本用意调用一次的iframe加载,实际加载了两次。 以下是我加载iframe的代码: html代码: ... ...
  • lou_hy2016
  • lou_hy2016
  • 2017年10月20日 15:00
  • 623

Page_load部分会在一次页面加载的时候执行两次

在写aspx的时候,不注意把AutoEventWireup="false"去掉,你可能会死得很难看,Page_load部分会在一次页面加载的时候执行两次哦!千万注意不要去掉aspx中的AutoEven...
  • dotnet90
  • dotnet90
  • 2007年08月18日 19:03
  • 1708

页面加载请求两次

img 标签的src="#"或者“ ”,浏览器会根据当前路径发送一次请求
  • tengjunfei
  • tengjunfei
  • 2017年12月21日 18:09
  • 89

当网页加载很慢的时候,应如何分析其原因并解决问题?

今天在知乎上瞄到一条有趣的问答,题主曰: 我是个后端RD,看上了一个前端妹子,昨天吃饭的时候她跟我抱怨她们的页面打开很慢,如何才能快速的分析页面加载慢的原因,在妹子面前表现一下呢? ...
  • mysouling
  • mysouling
  • 2016年04月21日 16:34
  • 24835

Html元素引起多次加载页面的问题分析

Html元素引起多次加载页面的问题,主要分析了button、src、herf三种情况。
  • bojifengyu
  • bojifengyu
  • 2015年11月21日 10:05
  • 177

数据库重复加载问题

学生信息管理系统做完了,但是在运行的时候,出现了很多错误。当程序运行到设置课程的时候,出现了重复加载的问题,就是当你点击设置课程或加载按钮时,课程内容会重复添加,结果如下图:           这...
  • u010942465
  • u010942465
  • 2013年08月24日 20:09
  • 1167

Javascript获取Html界面元素的几种方法

在Javascript,可以通过多种方式获取Html元素对象。以下是一个Html页面示例。 如果我们需要在javascript中获取输入框age对象。主要的方法有以下几种: all方法:d...
  • kadwf123
  • kadwf123
  • 2012年08月02日 09:36
  • 2361

浏览器加载、解析、渲染的过程

浏览器的加载、解析、渲染过程; css和js代码的几个最佳实践; js阻塞
  • XIAOZHUXMEN
  • XIAOZHUXMEN
  • 2016年07月24日 17:05
  • 19587

html重新加载问题

   最近在使用ext嵌入html页面的过程中,遇到一个问题。我们页面都是用html制作的,用iframe的方式嵌入到ext的panel里。其中有一个页面是在按钮触发的时候加载进去的,但是重新刷新浏览...
  • AmyKang
  • AmyKang
  • 2010年01月30日 12:17
  • 315
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Html元素引起多次加载页面的问题分析
举报原因:
原因补充:

(最多只允许输入30个字)