| 网站首页 | 模板 | 资料 | 源码 | 工具 | 开发 | 设计 | 安全 | 项目 | 网络 | 图片 | 系统 | 数据库 | 博客 | 会员中心 | 小说 | 
MYFTP 精品资料下载
网络学院
学习资料
源码模版
您现在的位置: 精品下载 >> 开发 >> 网站开发 >> CSS技术 >> 文章正文 用户登录 新用户注册
Links(HREF元素)的click方法            【字体:
Links(HREF元素)的click方法
作者:佚名    文章来源:不详    点击数:    更新时间:2007-12-18

关键字: javascript, href, click, method

对于HTML页面上的超链接(HREF),并不是所有的浏览器都支持其click方法。

在IE浏览器(4.0以上版本)中,我们可以使用click方法来模拟一个超链接的点击操作。比如:

document.links[someLinkIndex].click();

click方法首先触发元素的onclick事件;如果onclick事件返回true则继续打开超链接所指向的URL。

但在其他浏览器(比如NS,firefox等)中,并没有提供这样一个方法。不过你可以通过以下的javascript代码为这些浏览器也增加对click方法的支持:

<SCRIPT LANGUAGE="JavaScript1.2">
function linkClick () {
  var executeAction = true;
  if (this.onclick) {
    executeAction = this.onclick({type: 'click'});
  }
  if (executeAction)
    open (this.href, this.target ? this.target : '_self');
}
function initLinkClick () {
  if (document.layers && document.links.length > 0)
    document.links[0].constructor.prototype.click = linkClick;
}</SCRIPT>
</HEAD>
<BODY ONLOAD="initLinkClick();">

通过在onload的时候为links元素加载prototype,你就可以在页面实现IE/NS兼容的click方法:

<A HREF=http://www.webjx.com/ ONCLICK="alert(event.type); return true;">
link1</A>
|<A HREF=http://www.webjx.com/ TARGET="_blank">
link2</A>
|<A HREF="http://www.webjx.com" ONCLICK="alert(event.type); return
false;">
link3</A>
|
<BR><FORM><INPUT TYPE="button"  VALUE="link1 click"
   ONCLICK="document.links[0].click();"><INPUT TYPE="button"  VALUE="link2 click"
   ONCLICK="document.links[1].click();"><INPUT TYPE="button"  VALUE="link3 click"
   ONCLICK="document.links[2].click();"></FORM>

文章录入:chqnet    责任编辑:chqnet 
  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    取得input中部分选中(select
    用tabIndex轻松实现网页导航
    Li的横向排列自适应宽度问题
    边框(border)边距(margin)和
    实例分析CSS属性Display与Vi
    用GoLive实现CSS+DIV之一
    使用css直接定义input标签
    样式表(CSS:Cascading Styl
    样式表(CSS:Cascading Sty
    实例详解CSS滤镜(7)Invert属
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)