[JavaScript]運用JavaScript更改網站標題,使用document.title

摘要:[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>
結果如圖:
更改標題前
 
更改標題後