php動(dòng)態(tài)修改網(wǎng)頁(yè)title的方法:1、使用js方式,代碼為【document.title = 'hello world!'】;2、使用jQuery方式,代碼為【<src="https://www.php.cn/jquery】。
php動(dòng)態(tài)修改網(wǎng)頁(yè)title的方法:
1、js方式
首先,我想到了使用document.getElementsByTagName()
去獲取頁(yè)面的title標(biāo)簽,這是可以獲取的。例如:
<title>標(biāo)題</title> <script> var Title = document.getElementsByTagName('title') console.log(Title) // <title>標(biāo)題</title> </script>
然而,當(dāng)我想用Title.title去獲取或設(shè)置值時(shí)是不生效的。
獲取title值: console.log(Title.title)
會(huì)發(fā)現(xiàn)是無(wú)法獲取到值的
同理,設(shè)置網(wǎng)頁(yè)title值: Title.title = 'hello world!'
會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)的標(biāo)題也是沒(méi)有被更改的
所以通過(guò)這種方法是無(wú)法獲取和更改網(wǎng)頁(yè)的title的。
其實(shí),我們可以通過(guò)document.title
來(lái)直接獲取title值或者設(shè)置title值的
<title>標(biāo)題</title> <script> document.title = 'hello world!' </script>
結(jié)果:
【相關(guān)學(xué)習(xí)推薦:js視頻教程】
可以發(fā)現(xiàn)這個(gè)辦法是行得通的。
2、jQuery方式
<title>標(biāo)題</title> <script src="https://www.php.cn/jquery/3.2.1/jquery.js"></script> <script> $(function(){ $('title').html('hello!') // 此處也可以使用text()方法 }) </script>
相關(guān)學(xué)習(xí)推薦:php編程(視頻),jQuery視頻教程