如何使用javascript和jquery中的<a>标签在新标签中打开链接[重复]

Posted

技术标签:

【中文标题】如何使用javascript和jquery中的<a>标签在新标签中打开链接[重复]【英文标题】:How to open a link in new tab using <a> tag in javascript and jquery [duplicate] 【发布时间】:2014-11-21 03:58:01 【问题描述】:

我想使用标签在新标签中打开一个链接,它的 html 看起来像:

<a href=""
    onclick="window.open( urlvalue, '_blank' );">MyLink
</a>

我如何使用 Jquery 和 javascript 来实现它。

注意:这个标签在一个div里面,所以我想在那个div里面也附加一个a标签。

【问题讨论】:

就用$('a').trigger('click')? &lt;a href="[urlvalue]" target="_blank"&gt;MyLink&lt;/a&gt; 有什么问题? 【参考方案1】:

你只需要像下面这样添加,它就会起作用

<a href="URLValue" target="_blank" >My link</a>

jquery代码:-

$(this).find("a").attr("target", "_blank");

【讨论】:

我想知道如何为下面的html编写javascript代码? 请看我更新的代码。【参考方案2】:

使用 jQuery:(假设存在 &lt;a&gt; 元素)

$(function()
   $('a').attr('target', '_blank').attr('href', 'YOUR_LINK').trigger('click')
);

编辑

另一种情况(您有&lt;div&gt; 元素并且您想在其中附加一个链接);

$(function()
   $('div').append('<a href = "YOUR_LINK" target = "_blank">LINK</a>');
);

【讨论】:

在这段代码下我应该在哪里指定我想去的网址? 查看我编辑的答案 很抱歉打扰你,但我是网络编程的新手,你能告诉我我们在哪里指定文本,点击我将被重定向到新标签中的链接吗?谢谢 如果我错了,请纠正我,你想使用 Javascript 还是 jQuery 创建一个 &lt;a&gt; 元素? 我想知道使用 javascript 和 jquery 的方法。【参考方案3】:

如果你需要的是 Javascript……来自http://www.pageresource.com/jscript/jwinopen.htm

window.open('URL','WINDOW NAME','width=width,height=height')

【讨论】:

以上是关于如何使用javascript和jquery中的<a>标签在新标签中打开链接[重复]的主要内容,如果未能解决你的问题,请参考以下文章

jQuery——基础

如何使用javascript和jquery中的<a>标签在新标签中打开链接[重复]

如何在不使用 JavaScript 或 jQuery 的情况下将 div 的文本绑定到隐藏字段?

如何使用 javascript/jquery 禁用表单中的所有内容?

如何使用 javascript 或 jquery 为每个数组元素设置背景颜色和边框?

如何使用 JavaScript/jQuery 按数组或对象中的多个项目进行索引?