`
ghyghoo8
  • 浏览: 193119 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

[转载]慎用<a/>标签 提交表单 [IE6无法提交表单][事件冲突]

IEIDEA浏览器XHTMLHTML 
阅读更多
我们都知道可以使用 [form].submit(); 来动态提交表单,

但使用点击<a/>标签来提交表单, 会出现什么情况呢?

我们都知道, <a/>有个链接属性 href , 而form也有一个页面请求属性 action, 当两属性同时存在时, 点击<a/>当然会优先<a/>的href链接,

但如果是 <a href="javascript:;" ></a>, 又会是什么情况呢? 实践证明IE7.0+ , FF3.0+, Opera9.6+ 均能正确处理, 忽略<a/>的href, 执行表单的submit动作, 唯有 IE6 仍坚持着自己的原则, 只要有 href , 就只尝试执行链接 href , 除非你的<a/>标签中去掉 href属性, 但去掉 href 你将发现IE 下将不会出现下划线...

为更好体会该问题, 可以复制以下代码存为文件IE6和其它浏览器下对比运行即可...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>anchor and form</title>
</head>
<form method='get' action="www.baidu.com">
<input value='' name='kw'/>
</form>
<a id="submit" href="javascript:;" style="color:#333" >提交</a>
<script type="text/javascript">
document.getElementById('submit').onclick = function(){
document.forms[0].submit();
}
</script>
</head>
<body>
</body>
</html>
分享到：
| showModalDialog和showModelessDialog使用 ...
评论
1 楼 tangjianyi 2011-02-17  
嗯！解决了我页面的一个问题，3Q
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    RRGRID

    GRID_GET_ROWS WM_GRID_USER_OUTER + 5&lt;br&gt;&lt;br&gt;//返回值不包括第0列&lt;br&gt;#define GM_GRID_GET_COLS WM_GRID_USER_OUTER + 6&lt;br&gt;&lt;br&gt;//GM_GRID_SET_CELL_COUNT (重置Grid行列数)&lt;br&gt;//重置单元行列数，...

    详解HTML表格|l-639642.pdf

    `&lt;tr&gt;`标签用于创建表格的每一行，而`&lt;td&gt;`和`&lt;th&gt;`则分别定义行内的数据单元格和表头单元格。例如： ```html &lt;table&gt; &lt;caption&gt;表格标题&lt;/caption&gt; &lt;tr&gt; &lt;th&gt;表头1&lt;/th&gt; &lt;th&gt;表头2&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;...

    springboot2+activiti 7 -- maven工程依赖配置和创建表结构

    但请注意，这可能会覆盖已有数据，所以在生产环境中慎用。 ### 示例代码：example-1 在`example-1`压缩包中，可能包含了一个简单的Spring Boot应用示例，展示了如何集成和配置Activiti 7。这个例子可能包括了上述...

    MyBatis详细笔记.rar

    3. 慎用`SELECT *`，尽可能指定需要查询的列。 4. 合理利用缓存，但要注意缓存的一致性问题。 5. 对于大数据量的查询，考虑使用分页查询。 以上就是MyBatis的基本概念和核心功能，通过学习和实践，我们可以利用...

    浅谈vue中慎用style的scoped属性

    浅谈 Vue 中慎用 style 的 scoped 属性 本篇文章主要介绍了 Vue 中慎用 style 的 scoped 属性的重要性。scoped 属性是在 Vue 组件中使用 style 标签时添加的特殊属性，用于使样式私有化（模块化），避免全局样式...

    java生成二维码源代码

    Map&lt;EncodeHintType, ErrorCorrectionLevel&gt; hints = new HashMap&lt;&gt;(); hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H); // 设置错误纠正级别为H（最高） BitMatrix bitMatrix = ...

    官方常用git-命令集合.rar

    - `git reset --hard &lt;commit&gt;`：回退到指定提交，慎用，因为会丢失之后的改动。 7. 标签管理： - `git tag &lt;tagname&gt;`：在当前提交上创建一个标签。 - `git tag -a &lt;tagname&gt; -m "&lt;message&gt;"`：创建带注释的...

    2011年最新ASP站长助手.zip

    echo "&lt;a href='网站地址' target='_blank'&gt;网站名称&lt;/a&gt;&lt;br /&gt;" 按这个格式加多少就加多少！ 比如: echo "&lt;a href='http://www.google.com' target='_blank'&gt;谷歌&lt;/a&gt;&lt;br /&gt;" 然后继续我的网站模块 -------------...

    Wsyscheck1216中文版(第二版)

    &lt;br&gt;&lt;br&gt;6:关于进程的结束后的反复创建&lt;br&gt;&lt;br&gt; 如果确系木马文件,可选择结束进程并删除文件,这样的话Wsyscheck会将其结束并创建0字节文件使其无法再次运行。&lt;br&gt;&lt;br&gt; 可以使用进程页的“禁止程序运行”，这个功能...

    QQ显IP插件

    珊瑚虫精简版IP库浏览查询器可以浏览IP库内的IP记录（升级请慎用）&lt;br&gt; ③本软件无捆绑木马程序请放心使用&lt;br&gt; ④本软件的原始版本不允许被误传；您不具有撰写软件的原始版本的任何权利。&lt;br&gt; ⑤如果您要在产品中...

    [php]mysql数据库操作——DB类

    $this-&gt;conn) $this-&gt;show_error('无法连接服务器'); $this-&gt;select_db($this-&gt;data); $this-&gt;query('SET NAMES '.$this-&gt;code); $this-&gt;query("SET CHARACTER_SET_CLIENT='{$this-&gt;code}'"); $this-&gt;query...

    SpringCloud消息总线Bus配置中心实现过程解析

    - 生产环境中慎用动态刷新配置，因为可能会对线上服务造成影响。 - 在IDEA中通过 `-Dserver.port` 修改配置启动服务不会生效，应直接修改配置文件并重新部署。 通过以上步骤，我们可以实现SpringCloud Bus配置中心...

    gcc for bf561

    &lt;br&gt;3、这个移植还没有经过正确性验证，请慎用！！&lt;br&gt;4、在使用前请先下载blackfin-toolchain-07r1.1-3（blackfin.uclinux.org），并解压bfin-gcc-4.1.tar.bz2。&lt;br&gt;5、将本压缩包中的文件覆盖gcc目录下的同名文件...

    易语言处理事件命令慎用时钟版

    易语言处理事件命令慎用时钟版源码,处理事件命令慎用时钟版

    .vue文件 加scoped 样式不起作用的解决方法

    3. 如果需要修改公共组件的样式，需要慎用 scoped 属性，以免增加额外的复杂度。 例如，在 content.vue 组件中，我们可以使用 scoped 属性来修改 button 组件的样式： ```html &lt;template&gt; &lt;div class="content"&gt; ...

    CSS3恢复默认样式.pdf

    注意事项与慎用情况** 使用`initial`属性时需谨慎，因为它可能不会像预期那样产生效果。特别是在处理那些浏览器默认有特定表现的元素时，如`&lt;h1&gt;`、`&lt;button&gt;`等，`initial`可能只还原部分样式，而其他样式可能仍...

    邮件模版规则

    3. **慎用默认样式的HTML标签**：当在邮件中嵌入`&lt;style&gt;`标签时，不要使用`&lt;h2&gt;`、`&lt;ul&gt;`、`&lt;li&gt;`、`&lt;p&gt;`、`&lt;ol&gt;`等具有默认样式的标签，以防样式被剥离导致布局混乱。最好通过内联样式来控制这些元素的样式。 4. ...

    LINUX最强归纳总结秘籍

    - `rm -rf &lt;folder_name&gt;`：强制删除非空文件夹（慎用）。 - **改变当前工作目录：** - `cd &lt;directory_path&gt;`：切换到指定目录。 - `cd ..`：上一级目录。 - `cd ~`：回到用户的家目录。 - **查看当前工作目录...

    卸载IE7到IE6

    本软件适用于：XP系统上装了IE6以上版本，想换回IE6的用户。 事实上微软在开发IE7期间曾经提供了卸载工具，但是只针对IE7bat2版本和xpSP2环境。 只需要简单的修改就可以绕过这个限制，所以我为大家提供了这个小...

    易语言处理事件命令慎用线程版源码

    易语言处理事件命令慎用线程版源码。@易语言源码分享站。

Magicbox
Global site tag (gtag.js) - Google Analytics