php如何動態修改網頁title

coldplay.xixi
發布: 2023-03-05 13:28:02
原創
4366 人瀏覽過

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="//m.sbmmt.com/jquery/3.2.1/jquery.js"></script>
<script>
    $(function(){
      $(&#39;title&#39;).html(&#39;hello!&#39;) // 此处也可以使用text()方法
    })
</script>
登入後複製

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

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

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