通过javascript动态更改元标记内容

时间:2017-09-13 08:06:03

标签: javascript html meta-tags

我想使用javascript动态更改元标记内容,即刷新率和网址。使用按钮启用javascript功能。尝试了3种替代方案但没有工作。请帮忙。

谢谢,Amresh

<!DOCTYPE html>
<html>
<head>
<meta HTTP-EQUIV="refresh" name="description" id="mymetatag"
      content="5;URL=http://localhost:6985/ChartJSDemo/Is_Mainpage.html">
<meta charset="ISO-8859-1">

<title>Processing Details</title>
<link rel="stylesheet" type="text/css" href="css/MF_job_failTable.css">
</head>

<body>

<button onclick="myFunction()">Click me</button>

<script>
function myFunction() {
    <!--document.querySelector('meta[name="description"]').setAttribute("content","5;URL=http://google.co.in");-->
    <!--document.getElementById("mymetatag").setAttribute("content", "5;URL=http://google.co.in");-->

  var m = document.createElement('meta'); 
  m.name = 'description'; 
  m.id = 'mymetatag';
  m.content = '5;URL=http://google.co.in'; 
  m.HTTP-EQUIV= 'refresh';
  document.head.appendChild(m);
}
</script>

2 个答案:

答案 0 :(得分:1)

这对我有用。 问题可能是您尝试了第一个无效的代码,并且您使用HTML评论<!-- [...] -->而不是Javascript评论对代码进行了评论:// [...]/** [...] */

&#13;
&#13;
<!DOCTYPE html>
<html>

<head>
  <meta HTTP-EQUIV="refresh" name="description" id="mymetatag" content="5;URL=http://localhost:6985/ChartJSDemo/Is_Mainpage.html">
  <meta charset="ISO-8859-1">

  <title>Processing Details</title>
  <link rel="stylesheet" type="text/css" href="css/MF_job_failTable.css">
</head>

<body>

  <button onclick="myFunction()">Click me</button>

  <script>
    function myFunction() {
      document.getElementById("mymetatag").setAttribute("content", "5;URL=http://google.co.in");
    }
  </script>
</body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

我看起来你滥用了元标记的功能,JS没有在请求之间保存状态。而且,顺便说一下,你可以使用javascript本身重新加载/重定向。