Link href 屬性

定義和用法
href 屬性是一個可讀可寫的字串,可設置或返回當前顯示的文檔的完整 URL。
語法
設置 href 屬性:
linkObject.href="URL"
返回 href 屬性:
linkObject.href
流覽器支持
所有主要流覽器都支持 href 屬性
實例
實例
點擊一個按鈕時切換樣式表:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>IT研修(xuhuhu.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>IT研修(xuhuhu.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>
