onclick：更改位置后做点什么

Question

假设我要执行以下操作：单击“ div”时，更改到另一个位置（好像是...），然后执行一些操作。 我已经尝试使用此代码：

<div onclick="location.reload();location.href='...';togglebox('#ident')">Title</div>

其中ident是新位置href='...'对象的标识符，而togglebox是脚本中定义的函数。 但是似乎浏览器尝试在更改位置之前完成togglebox('#ident') ，因此输出不是预期的。 例如，如果我尝试

<div onclick="location.reload();location.href='...';console.log(5)">Title</div>

然后在更改位置之前会立即显示5 ，而我希望浏览器先更改位置然后显示5 。

这个逆序解决方案有解决方案吗？

欢迎任何建议

Answer 1

一种方法是使用查询字符串告诉目标页面要做什么。 但是，如果您想要一种可以完全满足您要求的技术，则可以执行以下操作：

（这出现在您当前页面的click事件处理程序中）

window.location.href = '...'; // Go to another page in your site
localStorage.setItem('exec',"yourCodeInQuotes()");

现在，目标页面应该已经准备好处理您在localStorage提到的ident ，或者直接评估代码。 无论哪种方式，您都需要目标页面来预测即将到来的数据。

（这在目标页面中）

var message = localStorage.getItem('exec'); // Will get whatever you stored
eval(message); // Will attempt to run it as JavaScript
$('#'+message); // Or find it if it was your ident and do stuff...