Question

我有2页index.html和about.html。在about.html表格中，我需要使用id = 'id1'从道明上获取价值，并将其分配给某个变量X，以便稍后在页面index.html中使用。

如果我在一个页面中使用它，这将非常有效。

＆＃13;

var X = document.getElementById('id1').innerHTML;
alert(X); // 123

＆＃13;

...
<td id='id1'>123</td>
...

＆＃13;

＆＃13; 但是如何从id1 about.html获取价值？我更喜欢JavaScript，因为我目前对jQuery不太满意，但如果不可能，jQuery也会很好。

Answer 1

执行所需操作的一种方法是将x的值存储到localStorage，如下所示：

localStorage.setItem('someName', x);

然后从其他页面访问它（如果两个页面都是同一个域名的一部分）：

x = localStorage.getItem('someName', x);

Answer 2

您可以使用window.localStorage：

  localStorage.setItem('x', document.getElementById('id1').innerHTML);

现在在第二页上你可以得到它：

 var x = localStorage.getItem('x');
 if(x){
    alert(x);
 }

您可以在网址中发送，假设您可以创建about.HTML?x=thevalue之类的网址。然后在关于页面：

if(location.href.index of('=') !== -1){
    var x = location.href.split('=').pop();
    alert(x);
}

.split()将创建数组，.pop()将为您提供数组的最后一个元素，在本例中为123。

Answer 3

您可以使用ajax。使用jQuery会更容易。

因此，基于使用jQuery，您可以使用load函数。

<强>的index.html

<强>的javascript

$('button').click(function() {
  $('<div />').load('/toruta #td1', function(data) {
    alert($(this).find('td').html());
  });
});

<强> HTML

<button>show</button>

<强> about.html

<table>
  <tr>
    <td id="td1">loaded via ajax</td>
  </tr>
</table>

工作箱

索引如： http://output.jsbin.com/pafehe