我们的UI设计时,常常会使用a标记来渲染我们的<input type="button">
例如:
<a href="" class="btn_auto2 ">
<span>
<input type="button" name="save" class="input_btna" onmouseover="this.className='input_btn'" onmouseout="this.className='input_btna'" value="保存" onclick="mySubmit();"/>
</span>
</a>
这样的写法在IE里没有问题(IE7、IE8),IE解析会忽略掉空的链接,不再执行href定义的动作。但是在其他浏览器中会执行href=""的动作,会将页面跳转到当前 URL 中页面所在目录的根目录上,也就是说如果当前定义是在注入的子页面中,执行href=""会刷新父页面的URL上。
所以必须在href中加入阻断<a>标记动作的方法,即href="javascript:void(0)",代码如下:
<a href="javascript:void(0)" class="btn_auto2 ">
<span>
<input type="button" name="save" class="input_btna" onmouseover="this.className='input_btn'" onmouseout="this.className='input_btna'" value="保存" onclick="mySubmit();"/>
</span>
</a>
这样就能避免样式渲染所用到的标记影响正常按钮的功能。
参考:http://www.w3help.org/zh-cn/causes/BX9035
分享到:
相关推荐
现在做WEB开发,各个浏览器的兼容性很让人头大。没有一个统一的规范,导致WEB,尤其是客户端开发非常麻烦。现在发一个整理的经验总结。
高拍仪跨浏览器控件SDK V2.3.0
IMOS平台跨浏览器播放SDK包含了跨浏览器播放接口文档及Demo示例(html)。用户可以使用这些接口实现基础视频监控业务中实况、回放和云台控制等功能的二次开发。 以JS接口的形式提供SDK开发包。 适用的产品: 1、...
跨浏览器控件SDK使用说明 跨浏览器控件SDK V2.3.0.exe 控件支持现有高拍仪设备和定制设备 现在支持的功能: 1. 提供设备选择 2. 支持设备预览 3. 设置出图格式 4. 设置分辨率 5. 支持拍照功能 6. 获取拍照图像类型...
良田高拍仪跨浏览器控件SDKV2.3.0, 不是客户端开发SDK, chrome浏览器开发扫描仪程序要用它
跨浏览器控件SDK V2.3.0 控件支持现有高拍仪设备和定制设备 现在支持的功能: 1. 提供设备选择 2. 支持设备预览 3. 设置出图格式 4. 设置分辨率 5. 支持拍照功能 6. 获取拍照图像类型文件的BASE64数据 7. 设置纠偏裁...
IE7.0 浏览器IE7.0 浏览器IE7.0 浏览器IE7.0 浏览器
宇视跨浏览器开发使用说明书
IEtest项目开发测试浏览器,项目测试所需IE5678环境都支持,适合多浏览器测试网页布局使用 IEtest项目开发测试浏览器,项目测试所需IE5678环境都支持,适合多浏览器测试网页布局使用
英文IE8浏览器英文IE8浏览器英文IE8浏览器英文IE8浏览器英文IE8浏览器英文IE8浏览器
jquery实现动态修改a标签的href,防止打开外部连接时被浏览器拦截。 如不想下载也可以参考我的一篇文章,了解一下,http://etc-china.net/?p=69
适用于javaweb项目接入高拍仪,用于自定义开发,良田eloam高拍仪跨浏览器控件,兼容多浏览器
javascript判断跨浏览器网页编程。
跨浏览器开发经验总结(二) CSS ,书写代码的同时多考虑一些多浏览器的兼容性问题。怎样才能符合标准。
安全浏览器,360浏览器)是互联网上好用和安全的新一代浏览器,和360安全卫士、360杀毒等软件等产品一同成为360安全中心的系列产品。木马已经取代病毒成为当前互联网上最大的威胁,90%的木马用挂马网站通过普通...
通常默认的浏览器是32位,但我们可以设置64位IE为默认浏览器
通过恰当地使用能力检测,保证处理事件的代码在大多数浏览器下一致地运行。
开发跨浏览器JavaScript时要注意的问题开发跨浏览器JavaScript时要注意的问题
解决各浏览器间事件处理机制差别,实现跨浏览器的事件对象
NULL 博文链接:https://fanth.iteye.com/blog/1704489