摘要:[JavaScript]運用JavaScript更改網站標題,使用document.title
想到先前做選單時,因為同一頁面,想要在標題上加幾個關鍵字時,該怎做呢
聯想到可以用Javascript來做到簡易的操作
document.title:取得或設定文件中 [標題] 欄位的值
<script>
function change_title() {
document.title= 'new title';
}
</script>
來個簡單的example,有興趣的讀者可以嘗試體驗看看
「change_title.html」
<!DOCTYPE html>
<html>
<head>
<title>使用JavaScript更改網站標題,使用document.title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
function change_title() {
var change_title_value=document.getElementById('change_title_value').value;
document.title=change_title_value;
}
</script>
</head>
<body>
原標題:使用JavaScript更改網站標題,使用document.title<br />
更改後標題:<input id="change_title_value" type="text" /><br />
<input type="button" value="更換標題" onclick="change_title()"/>
</body>
</html>
結果如圖:
更改標題前
更改標題後