在PHP中使用javascript更改页面标题'如果'

时间:2016-05-18 01:28:48

标签: javascript php title

情况如下: 我在点击菜单链接时试图获取页面的标题和内容,而不重新加载整个文档。 到目前为止,改变内容就像一个魅力。但是我在更改标题时遇到了一些问题。

这是代码,所以当我解释它时我可以理解:

if (isset($_GET['rq'])) {
    $rq = $_GET['rq'];
    foreach($lesMenus as $menuName=>$menuContent){
        foreach($menuContent as $name=>$link){
            $linkW = substr($link, 0, strpos($link, '.'));
            if($linkW == $rq){
                $newTitle = $name;
                break;
            }
        }
    }
    if (isset($newTitle)){
        $title = $newTitle;
        echo("<script type=\"text/javascript\">
             document.title =".$newTitle.";
             </script>");
    }
    $mainContent='You have asked for :'.$rq;
    echo $mainContent;
}
else{
    include('INC/layout.html.inc.php');
}

发生的情况是:点击菜单链接后,会调用一个函数,经过一些工作后会执行此操作:xmlhttp.open("GET", "index.php?rq=" + rq , true);

这里的内容基本上是index.php页面的基础。

foreach循环浏览$lesMenus对应的rq数组。

现在的问题是if (isset($newTitle))内的脚本无法播放。其他一切都做了(我已经尝试了echo $newTitle;并且它完成了,页面的内容会根据提出的内容而改变,但脚本不会播放。即使是脚本中的简单Hello世界也是如此没有发生。

我已经搜索了stackOverflow和网页,以便在PHP中播放javaScript,这似乎对其他人有用,但在我的情况下它并没有。

任何指针? :)

感谢您阅读,

Chris(IT学生)

3 个答案:

答案 0 :(得分:1)

有不同的方式来更改页面标题。 只需将数据传递给javacsript变量就可以改变它:

<script>
var jTitle=<?= $phpContainnewTitle; ?>
</script>

之后用javascript改变它:

  document.title = jTitle;

但是会导致SEO排名降低。标题是SEO中的重要标签。 注意这一点。

答案 1 :(得分:1)

简单地将脚本添加到DOM不会导致它执行。因此,您需要以某种方式调用它,可能通过将其包装在函数中并按名称调用它。

但是,如果您打算这样做,您可以只回显newTitle并在执行http请求后更新它:

JS:

<!-- Assuming you have something like this -->
<script>
    var xhttp = new XMLHttpRequest();

    xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
           var responseText = xhttp.responseText;
           document.title = responseText;
        }
    };

    xhttp.open("GET", "index.php?rq=" + rq , true);
    xhttp.send();

</script>

PHP:

if (isset($newTitle)){
    echo($newTitle);
}

答案 2 :(得分:0)

您可以在PHP中进行条件检查,并将标题存储在$newTitle中,并可能创建另一个布尔值$needToChangeTitle

而不是使用PHP来回显脚本标记。只需将脚本标记放入HTML中,然后再执行其他条件检查。

var needToChangeTitle = "<?php echo $needToChangeTitle ?>";
var newTitle = "<?php echo $newTitle ?>";
if (needToChangeTitle === "true") {
  document.title = newTitle;
}