数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM base href 属性
HTML DOM base href 属性与 <base> HTML 标签相关联。<base> 标签用于指定当前 HTML 文档中所有相对 URL 的基本 URL。HTML 文档中最多只能有一个 <base> 标签。Base href 属性返回 base 元素中 href 属性的值。
语法
以下是语法 -
设置 href 属性 -
baseObject.href = URL
这里，URL 是基本 URL。
返回 href 属性 -
baseObject.href
示例
让我们看看 Base href 属性的一个示例 -
<!DOCTYPE html>
<html>
<head>
<base id="myBase" href="https://www.bing.com">
</head>
<body>
<a href="/images">IMAGES</a>
<p>Click the below button to change href value of the above link</p>
<button onclick="SetHref()">SET IT</button>
<button onclick="GetHref()">GET IT</button>
<p id="Sample"></p>
<script>
function SetHref() {
document.getElementById("myBase").href = "https://duckduckgo.com";
document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com
to duckduckgo.com";
}
function GetHref(){
var x=document.getElementById("myBase").href;
document.getElementById("Sample").innerHTML = x;
}
</script>
</body>
</html>输出
这将产生以下输出 -
点击“设置”按钮 -
点击“获取”按钮 -
在上面的示例中 -
我们首先创建了一个
<base id="myBase" href="https://www.bing.com">
然后，我们创建了一个锚元素，其 href 属性的值等于“/images”。这里，“/images”是相对路径，因为基本路径在 base 标签中给出。将 base 和锚元素的 URL 组合起来，它将变成 https://www.bing.com/images。
<a href="/images">IMAGES</a>
然后，我们创建了两个按钮“设置”和“获取”，分别调用函数 SetHref() 和 GetHref()。
<button onclick="SetHref()">SET IT</button> <button onclick="GetHref()">GET IT</button>
SetHref() 函数使用“myBase” ID 获取 <base> 元素。然后，它使用 href 属性将其 URL 设置为 https://www.duckduckgo.com。更改成功消息显示在 ID 为“Sample”的段落中。
function SetHref() {
document.getElementById("myBase").href = "https://duckduckgo.com";
document.getElementById("Sample").innerHTML = "Base URL was changed from bing.com to .comduckduckgo";
}GetHref() 使用“myBase” ID 获取 <base> 元素。然后，它使用 href 属性获取其 URL 并将其分配给变量 x。然后，使用 innerHTML() 属性将段落的 innerHTML 更改为 x。这将显示 <base> 元素的 href 值。
function GetHref(){
var x=document.getElementById("myBase").href;
document.getElementById("Sample").innerHTML = x;
}
221 次浏览
