Question

就像您在本网站上提问时一样，当您在选项卡中键入标题时，将更改为您在问题框中输入的内容。你怎么访问这个？

Answer 1

Quick'n'dirty：

document.title = prompt('sup bro ?');

如果您不想要模态输入对话框，则需要捕获任何<input>框的一些事件。

document.getElementById('inputBoxId').addEventListener('keypress', function( event ) {
    if( event.keyCode === 13 ) {  // return ?
        document.title = this.value;
    }
}, false);

对于IE＆lt; 9

，

^{addEventListener需要被attachEvent取代}

Answer 2

你必须以html动态制作你的标题标签，所以标题标签显示为头标签的元素。您必须使用javascript或某种服务器语言来设置其值。

Answer 3

下面，

<script language="javascript">
 document.title = "The new title goes here.";
</script>

只需在您的页面中添加此内容即可尝试！

Answer 4

这样的事情：

var textbox = document.getElementById('myTextbox')
function setTitle () {
  document.title = textbox.value
}
textbox.onkeyup = setTitle
textbox.onchange = setTitle

Answer 5

如果您使用的服务器端脚本如PHP或ASP，则非常简单。只需根据您的网址生成文字。

例如，如果你有一个php页面mypage.php，你可以使用;

<title><?php echo $_GET["title"]; ?></title> //will display page title "MyPage"

如果你像mypage.php?title=MyPage

那样调用你的php页面

不是JavaScript，只是为了您的信息。

如何通过文本框的值更改网站的标题？

5 个答案: