Question

我正在主页上使用HTML和JS将变量发送到另一个js页面。

我做到了在页面索引中，我使用index.js创建按钮

<a href="index.html" id= "button1">Easy</a>

在索引.js中，我做到了

window.addEventListener('load', function(){
document.getElementById("button1").onclick = function(){
    sessionStorage.setItem("mood", '1');
    window.location.replace("second.html");
};

在second.js中，我在js中进行了此操作以获取心情变量。

data = sessionStorage.getItem('mood');

所有内容都可以在Firefox（本地）上运行，但是在使用Chrome o在线上传时，该按钮不起作用，因为它无法重定向到second.html

有人可以帮助我吗？ p.s我不想使用脚本（Ajax，Jquery等）。

Answer 1

正如我的评论中所述，将href设置为“＃”，或将其从标签切换为按钮标签将防止直接翻页，而是运行onclick函数，设置存储，然后重定向至来自index.html的second.html。

示例：

<a href="#" id="button1">Easy</a>

或<button id="button1" onclick="loadB1()" >Easy</button>

并以这种方式在index.js中调用一个函数：

function loadB1(){
sessionStorage.setItem("mood", '1');
window.location.replace("second.html");
};

Answer 2

这不是常见的做法，但是您可以使用browserify https://www.npmjs.com/package/browserify 或requirejs https://www.npmjs.com/package/requirejs 并使您的方式具有“ Nodish”风格。

编辑：我认为，如果您直接引用其他文件，它将以您的方式工作。

window.addEventListener('load', function(){
document.getElementById("button1").onclick = function(){
sessionStorage.setItem("mood", '1');
 window.location = "http://yourURL.yourURL.com/ourPath/second.html"; 
};

使用两个不同的js从一个HTML页面发送到另一个HTML页面

2 个答案: