依扬博客 Blog For Business and IT Technology
41312634's Blog, thoughts, activities, news, studies, travels, movies, cates and so on included.
首页   留言簿  订阅更新  投稿专区 
HTML按钮的超链接无效问题
分类: JavaScriptHtml    2014-11-07 10:53:49    浏览 416    评论 0   

  开发过程中 发现,a标签中放文字时,在IE、FF、Chrome下点击文字都可以实现超链接;如果a标签中放一个按钮,则实际情况在不同浏览器下有所不同。FF、Chrome正常,但在Win7 32位系统的IE8下无效。如果不用a标签,改为在按钮中加入javascript代码OnClick=xxxxx,则所有浏览器都正常。只是,遇到禁用javascrip功能的用户时,这种功能就不起作用了,有没有不用javascript就能兼容所有浏览器的方法呢?

  以前还真没遇到这个问题,其实2008年前后就有人提出过,可能当时每个人都按照所有人都启用javascript功能的情况来开发,所以就不够引起重视。查百度有些发现,有网友给出说法:因为button是一个按钮控件,它有自己的消息循环路径,不用js进行消息拦截它是不会把鼠标点击消息传给<A>标签的。引用:http://bbs.csdn.net/topics/280075637

  继续查阅资料,还真的没发现,可以不用javascript就能兼容所有浏览器。IE,真服了你了。

 

  继续想办法。最后想出一个方案,把按钮放在一个form里面,按钮用type=submit类型,超链接放到form的action去,这样从理论和语法来说都没有错误。试验后,终于可以实现效果了。如果你怕form占一行,可以定义一个css类型,其display为inline,并应用到这种form去。这样一来,这种form就不会占一整行了。方案可行,马上应用到项目中去,终于可以舒一口气。

上一篇:学习用Eclipse开发安卓程序
下一篇:javascript判断对象是否为空

相关文章
[2008-05-26 16:57:06]  字体与字号 (561/0)
[2008-05-26 16:58:29]  css的设定 (574/0)
[2008-05-26 17:02:20]  项目编码问题 (610/0)
[2008-05-26 23:01:19]  路径问题 (601/0)
[2008-05-26 23:54:40]  JavaScript计算md5的函数 (620/0)
[2008-05-26 23:56:29]  JavaScript控制元素显示还是隐藏的函数 (586/0)
[2008-05-26 23:58:15]  初始化Ajax对象的操作 (549/0)
[2008-05-27 00:00:44]  Ajax的一般使用方法 (534/0)
[2008-05-30 01:42:39]  JavaScript获取域名 (604/0)
[2008-05-30 01:46:40]  JavaScript元素切换图片 (534/0)

本文评论列表 (0)

发表评论
姓名(*)
链接地址
Email
验证码(*) 更换验证码
评论(*) (管理员审核后公开显示)