首頁 > web前端 > js教程 > javascript怎麼設定title

javascript怎麼設定title

青灯夜游
發布: 2023-01-04 09:34:00
原創
7632 人瀏覽過

在javascript中,可以利用title屬性來設定title;title屬性可以設定或傳回元素的標題,語法格式「document.title ="title值"」

javascript怎麼設定title

本教學操作環境:windows7系統、ECMAScript 5版、Dell G3電腦。

title在html中屬於特殊的節點元素.因為它可以使用doucment.getElementsByTagName("title")[0]來取得它的標題,但卻無法用doucment.getElementsByTagName("title")[0]用更改它的值.

但是,總是有解決的方法,在javascript中,,修改title的方法是:

document.title = 'xxxxxx' ;
登入後複製

範例:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>旧标题,需要修改</title>
	</head>

	<body>
		<script>
			document.title = "新标题";
		</script>
	 </ody>
</html>
登入後複製

效果圖:

javascript怎麼設定title

#在#之間的節點元素用document.getElementsByTagName()來取得或修改;documentElement代表的是中間的所有東西.

js會用document.title來取代網頁的title的原因是:title、head、body等標籤是缺省的唯一標籤,所以 document.titledocument.body可以直接找到結果。

而title是一個結構的標籤,也就是說title內,只能加入nodetext;而不能再加別的元素。於是它的使用又具有 特殊性。為了不讓程式碼出錯,於是js規定document.title這個物件只有一個屬性(也可以說是沒有屬性),document.title本身就是document物件的一個屬性,而不是它的一個子對象,於用document.title=""來更改title。

更多程式相關知識,請造訪:程式設計影片! !

以上是javascript怎麼設定title的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板