如何在单个href标记中传递2个链接
在单个href标记中传递两个链接可以通过以下几种方式实现：
- 使用锚点（Anchor）链接：在href属性中可以使用锚点链接来传递两个不同的目标链接。锚点链接是通过在URL中添加#符号后跟上具体的锚点名称来实现的。例如：
<a href="#link1">Link 1</a>
<a href="#link2">Link 2</a>然后在页面中定义对应的锚点：
<a name="link1">Link 1 Target</a>
<a name="link2">Link 2 Target</a>点击"Link 1"会跳转到"Link 1 Target"，点击"Link 2"会跳转到"Link 2 Target"。
- 使用JavaScript：可以使用JavaScript来实现在单个href标记中传递两个链接。通过在href属性中调用JavaScript函数，然后在函数中执行相应的操作。例如：
<a href="javascript:openLink('http://www.example.com/link1', 'http://www.example.com/link2')">Link</a>然后在JavaScript中定义openLink函数：
function openLink(link1, link2) {
// 执行相应的操作，例如打开链接或者执行其他逻辑
window.open(link1);
window.open(link2);
}点击"Link"会同时打开"link1"和"link2"两个链接。
- 使用数据属性（Data Attribute）：可以使用自定义的数据属性来传递两个链接。通过在href属性中使用data-*属性来存储链接信息，然后通过JavaScript获取并处理这些链接。例如：
<a href="#" data-link1="http://www.example.com/link1" data-link2="http://www.example.com/link2">Link</a>然后在JavaScript中获取并处理链接：
var link1 = document.querySelector('a').dataset.link1;
var link2 = document.querySelector('a').dataset.link2;
// 执行相应的操作，例如打开链接或者执行其他逻辑
window.open(link1);
window.open(link2);点击"Link"会同时打开"link1"和"link2"两个链接。
以上是三种常见的在单个href标记中传递两个链接的方法。具体使用哪种方法取决于实际需求和场景。
相关·内容
<a href=”link” class=”link_to_img”>
<img src=”dosen’t matter”></img>
</a>
<span>
<a href=”link” class=”link_to_img”>Title Of Image</a>
</span>
正如您所看到的，当我尝试获取链接示例时，有两个<a href=”link” class=”link_to_img”></a>：href.findAll('a', 'cla
浏览 8提问于2015-10-12得票数 1
回答已采纳
提前感谢您的帮助。
我有一些代码，在一个更大的代码块中有一个<a href>xxxxx</a>，它由<a>xxxxx</a>块中的div组成，如下所示：
<a href=...>
<div>
xxxxxxx
</div>
<div>
<a href=...>xxxxxx</a>
</div>
<div>
xxxxx
</div>
</a>
注意:在这种情况下
浏览 0提问于2017-09-15得票数 0
我有一个简单的带有TextField的博客模型。在TextField中保存链接的最佳方法是什么？
1)将链接保存在数据库中，格式为：，然后使用模板中的一些过滤器将其转换为表单：
<a rel="nofollow" href="http://www.example.com>http://www.example.com</a>
2)直接在数据库中以此形式保存链接：
<a rel="nofollow" href="http://www.example.com>http://www.example.com</a&
浏览 0提问于2010-05-20得票数 3
回答已采纳
我是Backbone.js的新手，刚刚开始学习它。我正在实现我现有网页的骨干。我已经创建了一个html div，它显示从xml文件中获取的内容。通常情况下，它工作正常，但是当我开始使用主干的模板和视图显示它时，它没有在我的page.Note上显示任何数据，这些数据已经编写了jQuery代码从xml文件中读取数据并以html div.So显示--请帮助我解决问题。到目前为止，我做了以下几件事：
这是我在“index.html”中的html：
<!-- start Cloud section-->
<center>
<section id=
浏览 2提问于2013-11-09得票数 0
回答已采纳
我的示例当前url在浏览器中如下所示：
https://world.blogspot.com/p/any-page.html?country=France&city=Paris
浏览器在页面源中使用这样的规范标记：
<link href="https://world.blogspot.com/p/any-page.html" rel='canonical' />
在SEO的规范标记中，我想从"any-page.html“更改为"any-page.html?country=France&city=Paris”。
当前
浏览 1提问于2019-10-18得票数 0
我使用下面的代码从我的页面在facebook上发布，但是lonin页面没有加载
您可以看到页面
代码是这样的
<?php
require 'src/facebook.php';
$facebook = new Facebook(array(
'appId' => '198516340340394',
'secret' => 'f11117b96e0996ecbf7d7f4919c0cf70',
'cookie' => true
));
$user = $face
浏览 1提问于2014-01-01得票数 0
回答已采纳
如何在NextJS中的新选项卡中打开链接？我试过这个：
<Link href="https://twitter.com/" passHref>
<a target="_blank">
<div className={`${dark ? styles.iconTwitterWhite : styles.iconTwitter} mr-3`} />
</a>
</Link>
它在新选项卡中打开链接，但我有一条ESLint消息说：
E
浏览 10提问于2021-01-08得票数 74
回答已采纳
这里的新手，很抱歉，如果这是一个非常基本的问题，但我无法围绕着应该遵循的技术来浏览不同的页面。
到目前为止，我知道有三种不同的方法可以实现这一点：
由next/link导出的链接组件
router.push()使用useRouter导出的ny next/路由器
简单的HTML <a></a>
<Link href="/about"><a>About me</a></Link>
<a href="/about">About me</a>
<bu
浏览 7提问于2020-12-01得票数 49
回答已采纳
我的spring项目中有两个jsp页面。在第一个jsp中，我有一个动态下拉列表和一个指向第二个jsp页面的链接标记。我想将下拉列表中的选定项传递给第二个jsp。那么，如何在href中将参数作为选定值传递，以及如何在第二个jsp中获取该值。
<form:select id="Id" path="Id">
<form:options items="${IdList}">
</form:select>
<a href="<%=basepath%>second
浏览 2提问于2014-03-10得票数 0
“生成问题模板URL”功能很笨拙，我正在尝试解决它。我有一个外部的YouTrack网页的链接列表，其中包含不同的模板为票证作者。每当模板发生更改时，我们都必须单击“生成问题模板”，然后在我们的其他网页上更新该链接。这将是很好的简单地链接到一个模板，通过ID，当保存时将创建一个新的问题或直接链接到克隆命令。这样做的目的是，我们以后不必更新我们的模板链接，票证作者将始终获得他们所需的最新版本的模板。
理想情况下，最好将对YT的整个调用放在链接的href属性中，但也可以选择使用AJAX。
YT版本: 2021.3.22256
我试过这个，还有几个变种，但都没成功：
<a href="[
浏览 3提问于2021-09-22得票数 1
我尝试了以下操作，但测试无法检测链接到编辑页的编辑图标对索引页上的项目所有者是可见的。
article_spec.rb
describe 'navigate' do
before do
@user = FactoryGirl.create(:user)
login_as(@user, :scope => :user)
end
describe 'edit' do
before do
@edit_user = User.create(name: "asdf", email: "asdf
浏览 1提问于2017-09-17得票数 2
回答已采纳
我在由item_list模板创建的drupal 8中有一些列表项，我将向item_list模板发送一些<a>标记的数据。我的想法是以<a href="/this-is-new.html">This is new page</a>的形式获得输出。
但是它以<li><a href="/this-is-new.html">This is new page</a></li>的形式返回输出。
我要把这个印在树枝模板上。但是对于输出，我让它呈现为模板中的字符串，而不是html锚标记。我需要在
浏览 0提问于2018-01-25得票数 6
1回答
我正在尝试使网站在Asp.Net MVC2。我有一个文字在我的网页上，我试图创建它的链接。我的代码如下
<a href="<%= MyPage.aspx %>">Link</a>
然而，我得到了资源错误。
我错过了什么?？这是在MVC中调用页面的正确方式吗？
谢谢大家
浏览 1提问于2013-11-04得票数 0
1回答
包提供了以下介绍性示例：
import simplekml
kml = simplekml.Kml()
kml.newpoint(name="Kirstenbosch", coords=[(18.432314,-33.988862)]) # lon, lat, optional height
kml.save("botanicalgarden.kml")
我想将其扩展如下，以便在描述中添加一个超链接：
import simplekml
kml = simplekml.Kml()
pnt = kml.newpoint(name="Kirstenbosch
浏览 0提问于2018-10-19得票数 2
回答已采纳
2回答
<head>
<title>Application</title>
<% link { :rel => "shortcut icon", :href => "/images/favicon.ico" } %>
</head>
我看不到我设置的图像，上面的代码有什么问题？如何才能成功运行？
浏览 2提问于2012-10-18得票数 5
回答已采纳
我是html/bootstrap/css的新手。我试图在我目前正在处理的网站页面上的列表中创建滚动间谍(本质上，我只是在修改R postcards包生成的HTML )。
这是我的HTML代码。这个文件使用bootstrap 3.4.1，我不能用bootstrap 4复制预期的行为。当我将<script>与较新版本的Bootstrap (比如4.5.0)一起使用时，按钮/列表项(li)/links似乎不再是活动的了，因为我在页面中滚动。
我不知道为什么这段代码不像预期的那样使用较新版本的引导程序运行。
<!doctype html>
<html lang="
浏览 3提问于2022-01-06得票数 0
我试过了
= link_to 'foo', :action => 'bar', :id => 'foobar'
但是ID似乎只修改了href，结果是
<a href="controller/foobar/bar">foo</a>
如何正确设置ID？还有人能给我解释一下为什么:id修改href只是为了让我能理解幕后发生了什么？
浏览 1提问于2013-05-10得票数 2
回答已采纳
为了获得更好的用户体验，主菜单中的所有顶级项都设置为空的href，因此它们仅用作导航菜单部分的标签。他们不能被点击，没有任何地方，甚至没有href="#“。以下是一个例子：
类别菜单-(设置为<a>Categories Menu</a>的父菜单项)
类别1-(子菜单连结)- <a href="http://domain.com/category/category-1/">Category 1</a>
类别2-(子菜单连结)- <a href="http://domain.com/category/catego
浏览 0提问于2014-12-15得票数 1
回答已采纳
我有一个链接(#my)，它在桌面上悬停打开div (#my-菜单)。在这个div里面有小菜单。
现在我试着用水龙头在手机上工作。
我有这段代码，但是我不能点击div中的链接：
$('#my-link').on('touchstart', function (e) {
e.preventDefault();
$('#my-menu').load(...Im loading content here...);
$('#my-menu').toggle();
});
有什
浏览 1提问于2017-02-02得票数 0
根据web标准创建标题为1的链接的正确代码是什么？
是吗
<h1><a href="http://stackoverflow.com"> stackoverflow </a></h1>
或
<a href="http://stackoverflow.com"><h1> stackoverflow </h1></a>
谢谢
浏览 4提问于2009-07-15得票数 100
回答已采纳
3回答
想象一下这个HTML块：
<a href="/somewhere/">
<div class="nested">
<div class="sub-nested">
<div class="sub-sub-nested">
<a href="/else/">button</a>
</div>
</div>
浏览 0提问于2014-04-04得票数 0
回答已采纳
我想在菜单中添加字幕。已经添加了副标题，但我不知道它是如何添加的。我想在下一行中再次添加相同的文本。检查网址：
在下面的URL菜单文本中添加了小副标题"Aktuella kampanjer“，并添加了不同的副标题。
我尝试使用css，但是向下箭头被隐藏了。有没有其他方法可以使用jquery或CSS，因为每次我都必须在每个菜单下面添加不同的副标题。这里没有办法在html结构中添加新的类。我有以下代码结构：
<a href="http://www.hummingbird.se/erbjudanden/">
Erbjudanden
</a>
我希望结构
浏览 1提问于2016-10-20得票数 0
1回答
我在设计一个电报机器人。我想展示一些链接。
1- wkpviana
2-托管
当用户单击它时，打开
http://wkpviana.net
http://vianahosting.ir
在浏览器里。我如何在php中创建它？我的代码之一是：
<?php
...
$sLink = "";
foreach($Links as $Row){
$sLink .= "<a href='".$Row->link_url."'>".$Row->link_name."</a>
浏览 5提问于2017-01-16得票数 8
回答已采纳
Jquery mobile只在DOM中加载第一个页面我是通过hide()和show()实现页面导航的，但现在我使用了jquery对象，如google map和navbar，现在它停止工作，并且在我的代码中不显示第3页，直到我将第3页放在页面的顶部，但是第1页停止显示jquery导航栏，并使用适当的jquery css。目前我正在开发html5，jquery mobile，phonegap，安卓模拟器。HTML代码
<div data-role="page" id="page1">
<div data-role="head
浏览 3提问于2012-07-25得票数 2
回答已采纳
我用的是派对模式：
@Entity
@Inheritance(strategy=...)
@JsonTypeInfo(use= JsonTypeInfo.Id.NAME, include = JsonTypeInfo.As.PROPERTY, property = "type")
@DiscriminatorColumn(name = "type")
public abstract class Party {
@Column(updatable = false, insertable = false)
private String type;
.
浏览 1提问于2016-01-22得票数 5
回答已采纳
我正在制作一个网站，将容纳一本网络书籍(一本书是逐段张贴在网站上，就像一个网络漫画)。
我的问题是，每次我为一个新的帖子做一个页面，我需要切换href到最新的帖子。这不会是很少页面的问题，但是当我发布更多的页面时，页面的数量就会增加，没有人有时间浏览和切换所有的文件。
如何在同一时间自动更改所有页面中的href？进一步的例子是：
<li><a href="prologue2.html">Home</a></li>
我有三个序言文章：prologue.html、prologue1.html和prologue2.html。最后一个是最
浏览 2提问于2015-11-01得票数 3
回答已采纳
我有一个用来写数据库的表单。我成功地完成了所有工作，除了在flash消息中将php变量作为url的一部分：
if($sale->save() && $updateowed)
{
return Redirect::to('/')->with('flash_notice','Sale record id '.$sale->id.' created. <a href=/printmemo/'.$sale->id.'>Print Cash
浏览 6提问于2014-03-17得票数 0
在下面的代码中，我需要传递链接名，以便在javascript中进行一些处理。现在，我不知道如何在javascript中传递这个链接名。我试着通过this.value，this.innerHTML，但是没有运气。有人能帮忙吗。
<li><a href="#tab6" onclick="hideupdatebutton(this)">Images</a></li>
浏览 2提问于2015-08-05得票数 1
回答已采纳
我已经为google chrome开发了一个弹出式扩展。我已经在弹出窗口中添加了一个iframe。现在，当我尝试从该iframe打开链接时..它不工作了..它甚至不能在iframe本身中工作。我需要在iframe中的链接是在一个新的标签打开。
我试着写了一些脚本，可以将a中的href更改为在新选项卡中打开或在同一个选项卡中打开。而是如何为iframe做到这一点。
注意:加载到iframe中的页面在我的控制之下，如果需要，可以更改。
浏览 0提问于2011-09-19得票数 0
回答已采纳
当您想要在中使用外部URL和时，我感到非常惊讶的是，一个简单的组件不能在它中工作。
下面您可以看到我是如何试图解决这个问题的：
方法1
<Link href="https://stackoverflow.com/">
<button>StackOverflow</button>
</Link>
方法2 (无协议链路)：
<Link href="//stackoverflow.com/">
<button>StackOverflow</button>
</Link&g
浏览 2提问于2020-04-06得票数 22
回答已采纳
当有链接出现时，我们需要类似于以下HTML的内容：
<a href="{{url}}" title="{{title}}" target="_blank"><img src="{{src}}"></img></a>
当没有链接时，我们需要类似于以下HTML的内容：
<img src="{{src}}"></img>
有干净的方法吗？我认为以下解决方案是错误的，因为必须单独记住打开和关闭<a>标记是危险的：
{{#if url}}&l
浏览 5提问于2017-09-19得票数 2
回答已采纳
在我的html页面中，我有许多他们的ID可以随时更改的链接，看起来就像这样(我大约有140个链接)：
<a id=33 onclick="javascriptfunction()"
href="33">link1</a>
<a id=37 onclick="javascriptfunction()"
href="37">link2</a>
<a id=113 onclick="javascriptfunction()&#
浏览 0提问于2013-07-03得票数 1
回答已采纳
我正在创建一个图库，我在缩略图区域中选择的图像显示在“主区域”上，并且可以通过箭头选择到后面或下一个图像。
我有gallery_json.js
{
"album": {
"name": "Project's name"
},
"photos": [
{
"id":"1",
"image":"img/image_1.jpg",
"
浏览 1提问于2017-03-09得票数 0
回答已采纳
// modules/App.js <li><Link to="/about" activeStyle={{ color: 'red' }}>About</Link></li> <li><Link to="/repos" activeStyle={{ color: 'red' }}>Repos</Link></li>
当使用Chrome工具检查DOM时，我发现Link组件呈现一个标记。因此，我想知道如何将id属性添加到生
浏览 2提问于2017-01-31得票数 1
回答已采纳
我正在创建我的个人网站，但无法理解为什么当我从一个HTML文件更改为另一个HTML文件时，导航栏的大小会发生变化。例如，当我单击HTML时，与主Photography_Color相比，导航栏变得更大。所有的HTML文件都使用相同的CSS，所以我不确定问题出在哪里。
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="widt
浏览 30提问于2020-11-16得票数 0
如果我有一个带有元标记的页面("dontFollowMe.html")：
< meta name = "robots" content = "noindex, nofollow" / >
..。我链接到那个页面..。
是否需要将need属性包含到a元素中？：
<a href="dontFollowMe.html" rel="nofollow">sign in</a>
谢谢
浏览 2提问于2015-02-06得票数 1
回答已采纳
3回答
我很难连接图像精灵。我想要他们引导到特定的网站，但当我点击图像精灵，它根本不工作。所有的形象精灵都是这样的吗？有没有其他的解决办法？
<div class="footer1">
<div class="fb"><a href="#"></a></div>
<div class="ig"><a href="#"></a></div>
<div class="yt
浏览 3提问于2022-01-16得票数 -1
回答已采纳
2回答
我正在尝试用asp.NET创建一个类似jQuery的母版页面。下面是我正在使用的代码，但是jQuery没有从引用的文件中加载HTML，而且在Firefox调试器中没有定义$ is。
我的文件夹设置如下：
文件夹:内容
文件夹: css
文件夹:字体
文件夹: img
文件夹: js
文件: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-
浏览 9提问于2017-03-21得票数 0
回答已采纳
在JavaScript正则表达式中，一个人将如何转向。
Check out http://example.com/foobar#123
转到
Check out <a href="http://example.com/foobar#123">example.com/foobar#123</a>
谢谢!
浏览 0提问于2013-11-12得票数 0
回答已采纳
链接被包装在一个跨度中：
<span class='editbio'>
<a href="/experts/3987/edit">Edit</a>
</span>
...
<span class='addbio'>
<a href="/experts/3987/edit">Edit</a>
</span>
浏览 0提问于2011-06-18得票数 1
回答已采纳
1回答
无法以任何方式向next.js <Link>标记添加样式。
代码：
import Link from "next/link";
import styles from "../Components.module.css";
export default function SubjectBTN({ lable, path }) {
return (
<Link href={path} className={styles.SubjectBTN}>
<div>{lable}</div>
浏览 4提问于2022-08-08得票数 1
回答已采纳
在使用create-next-app在本地计算机上安装了nextjs应用程序之后，我在控制台Invalid href passed to router中得到了这个错误。
有人知道怎么解决吗？
我尝试在to组件中使用href属性而不是href属性，但这没有帮助。
浏览 1提问于2019-09-08得票数 14
回答已采纳
我正在尝试生成一个Freemarker模板，但是我得到了：
freemarker.template.TemplateException: Expected hash. ul evaluated instead to
freemarker.template.SimpleSequence on line 105, column 40
in Freemarker/MUC/UnitIndex.ftl.
我的班级：
public class UnitLists extends TreeSet<UnitList>
...
添加到param的代码如下：
params.put(&#
浏览 0提问于2013-05-17得票数 1
回答已采纳
1回答
我为我的一个客户端构建了一个简单的。
这个问题是，他不是通过锚标签发布链接，而是直接复制并粘贴到文本编辑器中。
有没有一种方法可以使用JavaScript将这些链接包装在锚标记中？因此，当页面加载而不是查找时，请链接如下：
http://google.com
它会看起来像这样
<a href="http://google.com" target="_blank">http://google.com</a>
当用户将URL发布到一个答案/问题(如果这有助于理解我试图实现的目标的话)，堆栈溢出实际上就是这样做的。
浏览 3提问于2013-10-21得票数 3
回答已采纳
1回答
我正在尝试向列表项中的链接添加一个操作
它在一个表格里
<form name="searchForm" method="post" action="searchThis" id="querySubmiter">
在一份清单中：
<li><a href="somePage.jsp"><img src="img/Logo/myLogo.png"/></a>
我有点不知道该怎么联系。有可能吗？
浏览 4提问于2013-12-17得票数 2
回答已采纳
当我尝试在链接路径上放置像<a href="http://www.example.com/" target="_blank">这样的链接时，我会得到以下错误消息：
路径'//www.example.com/“target="_blank">‘要么无效，要么无法访问它。
有没有办法在一个新的标签中打开外部URL？
浏览 0提问于2011-06-06得票数 5
回答已采纳
我正在试验next.js，并使用下一个翻译库来实现对我的网站的i18n支持。我发现的主要问题是在我的网站上使用例子。
我有一个.jsx代码：
<p>
<Trans
i18nKey='common:activity.example'
components={{
link: <Link href='/kdajsldj' />,
a: <a />,
b: <b className='color--red' />,
}}
values={{
浏览 0提问于2021-01-11得票数 2
2回答
文章之后，我列出了与文章相关的标签。在<nav> html标记中包装这些标记的列表在语义上正确吗？如果没有，什么才是合适的呢？
<nav class="tags">
Tags:
<ul>
<li><a href="#">Tag1</a></li>
<li><a href="#">Tag2</a></li>
<li><a href=
浏览 7提问于2015-07-15得票数 2
2回答
如何在圆圈中定位无序列表？
、、、、
我想创建一个像这样的页面，但我只是在学习javascript/jquery。我真的很喜欢菜单，但我不知道如何将无序菜单列表放置在一个圆圈中，然后如何使悬停效果。
下面是html菜单：
<nav>
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
浏览 2提问于2013-04-16得票数 2
问题在image控制台上，输出是proper.It，在FB信使上显示fine.But和图像，它显示整个href标记，并且图像不可见。
输出:
在IBM控制台上：This is a link Google
关于FB信使：This is a link <a target="_blank" href= "https://google.com">Google</a>.
如何在FB上隐藏<a target="_blank" href= "https://google.com">Google</a
浏览 2提问于2018-09-08得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
