从一个页面调用javascript函数以在第二页上添加元素

时间:2016-03-14 09:38:06

标签: javascript jquery html

我试图从一个页面调用javascript函数在另一个页面中添加元素。正在调用该函数,但问题是当我将其重定向到新页面时,之后的代码不会执行。

window.func = function() {

location.href = 'second.html';
var div = document.getElementById("div1");
var button = document.createElement("button");
div.appendChild(button);
}

此功能由第一页调用,重定向后的更改应在第二页中进行。我不能将document.ready函数用于第2页,因为我不希望每次加载第2页时都会发生更改,而我希望只有在按下第1页的按钮后才会进行更改。

2 个答案:

答案 0 :(得分:0)

你需要通过传递某种标志来执行第二页中的代码,即通过URL参数和第二页的加载检查是否存在值然后执行功能

答案 1 :(得分:0)

经过大量的打击和试验,我能够实现我想要的目标。我从一个页面重定向到另一个页面,但我在第二页的url中添加了一个字符串。

var url = document.URL;
url = url.split('?');
console.log(url[1]);
var temp = url[1];
if(temp == "sound") {
    console.log("sada");
    var button  = document.createElement("button");
    button.innerHTML = "hello";
    document.getElementById("div1").appendChild(button);
 }
}

然后在第二页中,只有当网址包含某个单词时,我才会调用该函数。     function myFunc2(){

String myString = null;
if (myString.equals("foobar")) { /* ... */ }
// This causes a NullPointerException in Java

每次页面加载时都会调用该函数,但只有在网址包含" sound"字。