Question

我想将div标签显示为网页标题

假设我的div标签

 <div id="songArtist"></div>

的内容为“Akon”，然后我的页面标题应为Akon

在此<title></title>之间添加div标签无效

请帮帮我..

Answer 1

检查一下 -

而不是随机标题，它将显示div内容（在本例中为Akon）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Random Title</title>

</head>

<body>
<div id="songArtist">Akon</div>
<script>
document.title = document.getElementById("songArtist").innerHTML;
</script>
</body>
</html>

Answer 2

在调用函数，对象，请求后，改变

的内容

 <div id="songArtist"></div>

动态地，您可以在Javascript中调用以下内容;

 doocument.title = document.getElementById('songArtist').innerHTML;

Answer 3

jQuery解决方案

试试这个：

$(document).ready( function() {
    document.title = $('#songArtist').text();
});

如果您希望在div发生的每次更改时更改，那么您可以使用：

$(document).ready( function() {
    $('div').on( '#songArtist', 'change', function() {
        document.title = $(this).text();
    });
});

Answer 4

您可以像这样更改标题

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>hi</title>

</head>
<body>
    <div id='songArtist'> Welcome to this page </div>

       <script language="javascript" >
    document.title= document.getElementById('songArtist').innerHTML;
   </script>
</body>


</html>

Answer 5

使用PHP

<html>
    <head>
        <title><?php echo $page_title;?></title> 
    </head>
</html>

静态标题。

   <html>
        <head>
            <title>
                Akon
            </title>
        </head>
    </html>

将div标签显示为网页标题

5 个答案:

jQuery解决方案