gpt4 book ai didi

javascript - 如何在 html5 中仅将 标记用于特定的 anchor 标记

转载 作者:可可西里 更新时间:2023-11-01 13:47:39 26 4
gpt4 key购买 nike

我在 head 中有 一个 基本标签,下面有两个不同的 anchor 标签

<!DOCTYPE html>
<html lang="en">
<head>
<base href="https://www.youtube.com"/>
</head>
<body>
<iframe src="/embed/xDMP3i36naA?autoplay=1" frameborder="0" allowfullscreen></iframe>
<img src="img/1.png" alt="" class="img-responsive">
</body>

我想在特定 anchor 标记的基本标记中使用 url,我该怎么做?

谢谢,

最佳答案

如果您只希望针对特定的 anchor 标记使用此方法,则这是不可能的,您可以将其用作解决方法,例如为特定的 anchor 指定一个类并创建一个 javascript 函数,在文档加载时循环遍历这些 anchor ,更新它们href属性并专门在基本 URL 前面添加。

使用 HTML 标签适用于所有网站而不是特定的 anchor :

base 标签提供页面上链接的基本位置。文档中的相对链接(例如 <a href="someplace.html"… or <img src="someimage.jpg"…)将相对于基本元素指定的 URL。

更新

下面是一个未经测试的例子,知道应该删除 base 标签:

    var specificBaseURL = 'http://www.example.com/';

$(document).ready(function(){

$(".specific_anchor").each(function(){

$(this).attr("href", specificBaseURL + $(this).attr("href"));

});
});

HTML:

 <a class="specific_anchor" href="path1/">...</a>
<a href="non/specific/path2">...</a>
<a class="specific_anchor" href="path3/">...</a>

关于javascript - 如何在 html5 中仅将 <base> 标记用于特定的 anchor 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39888463/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com