Question

我有一个按钮，如果点击调用一个js函数，该函数应该更改当前页面并显示一个简单的hello world消息，但所有发生的事情都是页面被更改但没有显示任何内容

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）将重定向后的所有4个语句转移到onload事件新页面。

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;
}

在不同的HTML页面上执行操作时，Javascript函数不起作用

2 个答案: