JavaScript Base对象(Base Object)

Base对象代表了HTML文档中的base元素

如何访问Base对象?

使用getElementById()访问base元素。

var  x = document.getElementById("myBase");

如何创建Base对象

使用createElement()方法创建base元素。

var x = document.createElement("base");
Base对象的属性
属性 说明
herf 设置或返回base元素上的href属性的值
target 设置或返回base元素上的target属性的值

标准属性及事件

Base对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<base id="myBase" href="http://webkkl.com/obj/">

</head>

<body>

<h3>如何访问 BASE元素?</h3>

<p>点击以下按钮,获得base元素指定的URL</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

var x = document.getElementById("myBase").href;

document.getElementById("demo").innerHTML = x;

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建 BASE元素?</h3>

<p>点击以下按钮,创建一个base元素L</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

var x = document.createElement("BASE");

x.setAttribute("href", "http://webkkl.com");

document.head.appendChild(x);

document.getElementById("demo").innerHTML = "文档的head元素中创建了一个 BASE元素";

}

</script>

</body>

</html>

关联内容