首頁  >  文章  >  後端開發  >  php如何動態修改網頁title

php如何動態修改網頁title

coldplay.xixi
coldplay.xixi原創
2020-08-29 14:48:174313瀏覽

php動態修改網頁title的方法:1、使用js方式,程式碼為【document.title = 'hello world!'】;2、使用jQuery方式,程式碼為【

php如何動態修改網頁title

php動態修正網頁title的方法:

1 、js方式

  首先,我想到了使用document.getElementsByTagName()去獲取頁面的title標籤,這是可以獲取的。例如:

<title>标题</title>
<script>
    var Title = document.getElementsByTagName(&#39;title&#39;)
    console.log(Title)  // <title>标题</title>
</script>

  然而,當我想用Title.title去取得或設定值時是不生效的。

  取得title值: console.log(Title.title) 會發現是無法取得到值的

  同理,設定網頁title值: Title.title = 'hello world!' 會發現網頁的標題也是沒有被更改的

  所以透過這個方法是無法取得和更改網頁的title的。

  其實,我們可以透過document.title來直接取得title值或設定title值的

<title>标题</title>
<script>
    document.title = &#39;hello world!&#39;
</script>

結果:

php如何動態修改網頁title    

【相關學習推薦:js影片教學

  可以發現這個方法是行得通的。

#2、jQuery方式

<title>标题</title>
<script src="https://www.php.cn/jquery/3.2.1/jquery.js"></script>
<script>
    $(function(){
      $(&#39;title&#39;).html(&#39;hello!&#39;) // 此处也可以使用text()方法
    })
</script>

相關學習推薦:php程式設計(影片),jQuery影片教學

以上是php如何動態修改網頁title的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn