HTML DOM Link href 屬性
Link對象 定義和用法
href 屬性是一個可讀可寫的字符串，可設置或返回當前顯示的文檔的完整URL。
語法
設置href 屬性：
linkObject.href="URL"
返回href 屬性：
linkObject.href
瀏覽器支持
所有主要瀏覽器都支持href 屬性
實例
實例
點擊一個按鈕時切換樣式表:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<link id="style1" rel="stylesheet" type="text/css" href="style1.css">
<script>
function displayResult(){
document.getElementById("style1").href="style2.css";
}
</script>
</head>
<body>
<h1>我的網站主頁</h1>
<button type="button" onclick="displayResult()">切換樣式表</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<link id="style1" rel="stylesheet" type="text/css" href="style1.css">
<script>
function displayResult(){
document.getElementById("style1").href="style2.css";
}
</script>
</head>
<body>
<h1>我的網站主頁</h1>
<button type="button" onclick="displayResult()">切換樣式表</button>
</body>
</html>
嘗試一下»
Link對象