`

通过js事件触发<a>标签点击事件

    博客分类:
  • js
阅读更多
<a href="javascript:void(0)" onclick="test();">ceshi</a>
通过网上查找得到: 
01 var comment = document.getElementsByTagName('a')[0];
02             comment.href = "2.html";
03             //alert(comment.href);
04             if (document.all) {
05              // For IE
06             comment.click();
07             else if (document.createEvent) {
08                //FOR DOM2
09             var ev = document.createEvent('HTMLEvents');
10              ev.initEvent('click'falsetrue);
11              comment.dispatchEvent(ev);
12              comment.click();
浏览器验证如下: 
IE验证没问题。火狐进入死循环。。。 
最终解决办法: 
01 var comment = document.getElementsByTagName('a')[0];
02             comment.href = "2.html";
03             //alert(comment.href);
04             if (document.all) {
05              // For IE
06             comment.click();
07             else if (document.createEvent) {
08                //FOR DOM2
09             var ev = document.createEvent('HTMLEvents');
10              //ev.initEvent('', false, true);
11              comment.dispatchEvent(ev);
12              comment.click();
分享到:
评论

相关推荐

    使用JS或jQuery模拟鼠标点击a标签事件代码

    //既触发了a标签的点击事件,又触发了页面跳转 把 “下一步” 改为 “&lt;span id=”spanId”&gt;下一步&lt;/span&gt;” 即给A标签中的文字添加一个能被jQuery捕获的元素,然后$(“#spanId”).click();,才可以触发页面跳转。

    阻止 <a> 地址轉向

    然而,有时我们可能需要阻止 `&lt;a&gt;` 标签的默认行为,例如防止页面跳转或者在点击链接时执行特定的 JavaScript 代码。这种情况下,我们可以利用 `onclick` 事件或者其他方法来实现这一目标。 一、`onclick` 事件 `...

    a标签下载关于图片.txt

    在探讨“a标签下载关于图片.txt”这一主题时,我们首先需要明确几个核心概念:HTML中的`&lt;a&gt;`标签如何用于触发文件下载功能,尤其是在处理图片文件时的一些特殊技巧。接下来,我们将深入分析该知识点,并结合给定的...

    header 标签使用说明.docx

    `&lt;header&gt;` 标签还支持 HTML 的事件属性,这些属性用于响应用户交互,如点击、悬停等操作,常见的事件属性包括: - `onclick`:当用户点击元素时触发。 - `onmouseover`:当鼠标指针移动到元素上时触发。 - `...

    a标签href属性和onclick事件的比较介绍

    href属性用于指定链接的目标地址,而onclick属性则用于绑定一个事件处理器,当用户点击&lt;a&gt;标签时会触发相应的JavaScript代码执行。理解这两个属性的使用场景和区别,对于前端开发人员来说非常重要。 首先,href属性...

    html基本框架和无序列表有序列表练习、a标签和href练习实验报告.docx

    在实验中,还展示了使用JavaScript处理点击事件的例子: ```html &lt;a href="#"&gt;点我丫 1&lt;/a&gt; &lt;a href="javascript:;"&gt;点我丫 2&lt;/a&gt; &lt;a href="javascript:void();"&gt;点我丫 3&lt;/a&gt; ``` 这些链接不会跳转到新的...

    html标签定义 HPH

    16. `&lt;button&gt;`:定义可点击的按钮,可以用于提交表单或触发脚本事件。 17. `&lt;caption&gt;`:定义表格的标题。 18. `&lt;center&gt;`:不推荐使用,用于居中文本,现代CSS更适用于此功能。 19. `&lt;cite&gt;`:定义引用或作品...

    HTML标记语言速查手册

    `&lt;label&gt;`与`for`属性关联输入元素,方便点击文字触发输入。 十一、HTML5新增元素 HTML5引入了许多新元素,如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`、`&lt;article&gt;`、`&lt;section&gt;`、`&lt;aside&gt;`等,它们提供了更好的语义化...

    HTML标记大全参考手册.pdf

    在连结与图形部分,`&lt;A&gt;`标签创建超链接,可以指向其他网页或文档内部的锚点,`&lt;IMG&gt;`标签插入图像,`&lt;MAP&gt;`和`&lt;AREA&gt;`配合实现图像映射,允许用户点击图像的不同区域触发不同的链接。`&lt;IMG&gt;`标签的`ALIGN`属性可以...

    JavaScript

    - **直接内联**:通过`&lt;script&gt;`标签直接在页面中加入JavaScript代码。 ```html &lt;script type="text/javascript"&gt; // JavaScript代码 &lt;/script&gt; ``` - **外部文件引用**:将JavaScript代码写入单独的文件中,...

    WEB开发 之JavaScript 使用.docx

    通过`&lt;script&gt;`标签,我们可以将JavaScript代码插入HTML文档,并利用函数和事件响应用户行为。了解这些基本概念对于掌握JavaScript和提升Web开发技能至关重要。随着HTML5的普及,JavaScript已经成为所有现代浏览器的...

    基于jquery trigger函数无法触发a标签的两种解决方法

    这种方法是通过在`&lt;a&gt;`标签内部添加一个新的`&lt;span&gt;`标签,然后触发这个`&lt;span&gt;`标签的`click`事件,利用事件冒泡机制使得`&lt;a&gt;`标签也能接收到事件。 ```javascript // 首先,将&lt;a&gt;标签内容替换为&lt;Span&gt; $('#a')....

    y空格键添加a标签.rar_y空格键添加a标签

    在IT行业中,尤其是在网页开发和用户体验设计领域,"y空格键添加a标签"是一个特定的功能,它允许用户通过按下键盘上的空格键快速为文本添加`&lt;a&gt;`标签。`&lt;a&gt;`标签是HTML(超文本标记语言)中的一种元素,用于创建...

    Js实现当前点击a标签变色突出显示其他a标签回复原色

    接下来,如果页面中的a标签点击后不发生页面跳转,即点击事件只是触发一些JavaScript函数来执行,那么我们可以使用不同的方法来实现变色功能。代码示例如下: 1. 给a标签设置一个特定的点击事件处理器。 ```html ...

    音乐播放列表(audio标签实现丶支持自动换歌)

    为了实现音乐播放列表,我们需要多个`&lt;audio&gt;`标签,但它们通常不会同时显示,而是通过JavaScript进行切换。例如,可以创建一个`&lt;ul&gt;`列表来存放每首歌的链接: ```html &lt;ul id="playlist"&gt; &lt;li&gt;&lt;a href="歌曲1....

    详解a标签添加onclick事件的几种方式

    然而,有时候我们希望在用户点击`&lt;a&gt;`标签时执行JavaScript代码而非直接跳转。在这种情况下,我们可以使用`onclick`事件来实现。本文将详细介绍在`&lt;a&gt;`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`...

    网页制作常用代码.pdf

    - 结合`&lt;a&gt;`和`&lt;img&gt;`标签可以创建可点击的图片链接,例如`&lt;a href="链接地址"&gt;&lt;img src="图片地址" width="150" height="100"&gt;&lt;/a&gt;`,点击图片会跳转到链接地址。 - 若要新窗口打开链接,同样添加`target="_blank...

    html标签注释集合[借鉴].pdf

    17. `&lt;button&gt;`: 创建一个可点击的按钮,可以用于提交表单或触发JavaScript事件。 18. `&lt;caption&gt;`: 为表格添加标题。 19. `&lt;center&gt;`: 将内容居中,HTML5中已不推荐使用,建议使用CSS实现。 20. `&lt;cite&gt;`: 用于...

    HTML代码,按钮做超链接

    此外,为了确保按钮在没有JavaScript的情况下仍然能正常工作,建议在`&lt;button&gt;`标签内使用`&lt;form&gt;`和`&lt;input type="submit"&gt;`,并通过JavaScript添加点击事件来实现超链接的跳转。这样的做法可以提供更好的无障碍性...

Global site tag (gtag.js) - Google Analytics