javascript - 通过 localStorage 在两个页面之间传递点击事件

Question

我想从 2nd page 获取点击事件。 第一页有一个指向第二页的链接，有一个按钮，当点击按钮时它会添加一个HTML行在第一页。我正在尝试使用 localStorage 来传递数据。我的代码不起作用，请看下面:

1st Page.html

HTML

<div id="content">
</div>

JS

var     output = document.getElementById('content');

addEvent(window, 'storage', function (event) {
  if (event.key == 'StorageName') {
    output.innerHTML = event.newValue;
  }
});

2nd Page.html

HTML

<input id="data" type="button" value="+" onclick="addRow()">

JS

addEvent(dataInput, 'keyup', function () {
localStorage.setItem('StorageName', this.value);
});

var dataInput = dataInput = document.getElementById('data');
object.onclick = function(){
addRow() {
var div = document.createElement('div');

div.className = 'row';

div.innerHTML = '<button>GO</button>';

document.getElementById('content').appendChild(div);
}
};

Answer 1

您没有正确定义您的 addRow() 函数。函数的名称是用关键字 function 定义的，而不是在函数体内。您的代码:

object.onclick = function(){
addRow() {
var div = document.createElement('div');

div.className = 'row';

div.innerHTML = '<button>GO</button>';

document.getElementById('content').appendChild(div);
}
};

应该改为:

function addRow() {
    var div = document.createElement('div');

    div.className = 'row';

    div.innerHTML = '<button>GO</button>';

    document.getElementById('content').appendChild(div);
}
object.onclick = addRow;