Rumah >pembangunan bahagian belakang >masalah PHP >php如何动态修改网页title

php如何动态修改网页title

coldplay.xixi
coldplay.xixiasal
2020-08-29 14:48:174397semak imbas

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>

结果:

1b559b3c3800e3916a165d6355a4a28.png    

【相关学习推荐: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视频教程

Atas ialah kandungan terperinci php如何动态修改网页title. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:php中define()函数如何使用Artikel seterusnya:php怎样修改数组元素