別のHTMLページでアクションを実行するときにJavascript関数が機能しない

Question

ボタンをクリックするとjs関数が呼び出され、現在のページが変更され、単純なhelloワールドメッセージが表示されますが、何も

Atalanta.html

<button class="btn btn-info" onclick = "Atalanta1();">Read More </button> 

Article.html

<div id = "NewsArticle"> 

</div> 

を表示されていないのJavaScriptファイル

function Atalanta1() { 
    document.location.href = "../Article.html"; 
    var article = document.querySelector("#NewsArticle"); 
    var title = ""; 

    title += "<h2>" + "Hello World" + "</h2>"; 

    article.innerHTML = title; 
} 

Answer 1

オプション： -

a）は、新しいページのonloadイベント へのリダイレクト後にすべての4つの文をシフトします。

b）のURLで新しいページに渡すパラメータ

C）

Dローカルストレージにパラメータを渡す）にあなたのボタンを変更するIFRAME

Answer 2

を使用します。

<a class="btn btn-info" href="Article.html">Read More </a> 

オンArticle.htmlこのスクリプトを追加：

window.onload = function() { 
    var title = ""; 
    var article = document.querySelector("#NewsArticle"); 

    title += "<h2>" + "Hello World" + "</h2>"; 

    article.innerHTML = title; 
}