• 技术文章 >后端开发 >PHP问题

    php如何动态修改网页title

    coldplay.xixicoldplay.xixi2020-08-29 14:48:17原创2335

    php动态修改网页title的方法:1、使用js方式,代码为【document.title = 'hello world!'】;2、使用jQuery方式,代码为【<src="//m.sbmmt.com/jquery】。

    php动态修改网页title的方法:

    1、js方式

      首先,我想到了使用document.getElementsByTagName()去获取页面的title标签,这是可以获取的。例如:

    <title>标题</title>
    <script>
        var Title = document.getElementsByTagName('title')
        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 = 'hello world!'
    </script>

    结果:

    1b559b3c3800e3916a165d6355a4a28.png    

    【相关学习推荐:js视频教程

      可以发现这个办法是行得通的。

    2、jQuery方式

    <title>标题</title>
    <script src="//m.sbmmt.com/jquery/3.2.1/jquery.js"></script>
    <script>
        $(function(){
          $('title').html('hello!') // 此处也可以使用text()方法
        })
    </script>

    相关学习推荐:php编程(视频),jQuery视频教程

    以上就是php如何动态修改网页title的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:php 网页title
    上一篇:php中define()函数如何使用 下一篇:php怎样修改数组元素
    Web大前端开发直播班

    相关文章推荐

    • JS实现超简洁网页title标题跑动闪烁提示效果代码_javascript技巧• 详解失去焦点时网页Title改变的实现方法• 简单了解vue2 单页面如何设置网页title• DEDECMS网页TITLE标签怎么修改

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网