JavaScript页面标题编辑

javascript page title edit

本文关键字：编辑 标题 JavaScript      更新时间：2023-09-26

我在javascript中是垃圾，但我需要在php网站的标签栏中对我的页面标题进行一些动态编辑。

当我网站上的用户收到邮件时，我想将标题从"我的网站 - 页面"更改为"我的网站 (1( - 页面">

我知道如何更改页面标题

<script>
   window.parent.document.title = "My Site (x)";
</script>

但是我需要做的是获取当前标题，例如"我的网站 - 页面"，并将其更改为"我的网站 (x( - 页面"。所以我需要用绳子摆动一些。

不要担心x是什么，我只需要一个JavaScript而不是PHP的帮助。

这样的事情应该可以正常工作：

var x = 5;
title = title.replace("My Site", "My Site (" + x + ")");

这应该有效(根据需要更改 X(：

window.parent.document.title = window.parent.document.title.replace('-', '(' + X + ') -');

或者你可以简单地做：

window.parent.document.title = 'My Site (' + X + ') - Page';

编辑：动态"页面"部分：

function trimString(s) {
  var l = 0, r = s.length - 1;
  while(l < s.length && s[l] == ' ') l++;
  while(r > l && s[r] == ' ') r -= 1;
  return s.substring(l, r + 1);
}
var t = window.parent.document.title;
var page = trimString(t.split('-')[1]);
window.parent.document.title = 'My Site (' + X + ') - '+page;
以下是

使用JavaScript获取然后设置标题的方法：

function showTitle(){
  alert( document.title );
}
function changeTitle(txt){
  document.title = txt;
  alert( 'Title changed to ' + document.title );
}

为了注入你的php，你只需将其作为参数传入，又名：函数中已有的txt参数。

var title = {
   theme: "My Site (<@>)",
   replace: function( txt ){
       document.title = this.theme.replace('<@>', txt)
   }
};
title.replace("something"); // title is My Site (something)

title.replace("something else"); // title is My Site (something else)

等

相关文章：