2017-09-13 9 views
0

javascriptを使用してメタタグのコンテンツ(リフレッシュレートとURLを動的に変更します)を変更します。ボタンを使用してJavaScript機能を有効にする。 3つの選択肢を試しましたが、動作しません。助けてください。javacriptを使用してメタタグのコンテンツを動的に変更します

おかげで、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> 

答えて

1

これは私のために働く。 問題は最初に動作しなかったコードを試して、JavaScriptコメントの代わりに<!-- [...] -->のHTMLコメント(または/** [...] */)でコードにコメントしたことが原因である可能性があります。

<!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>

+0

はい、これは、Webブラウザで働いています。私はEclipseのTomcatサーバーで試してみましたが、動作していませんでした。ありがとう兄貴。 – Amresh

0

私はあなたのメタタグの機能を誤用のように、JSは要求間の状態を保存しません見えます。そして、ところで、あなたはリロード/リダイレクトを行うことができますjavascript自体を使用しています。

関連する問題