javascript - 在html5中加载html页面后调用js函数？

Question

我正在创建 jQuerymobile 网站。我有一个这样的标签page1.html

  <a href="Page2.html">go to page 2</a>

如果我单击它将转到 Page2.html。页面加载后，我需要调用一个 js 函数。我尝试了两种方法来放置函数

1. onload="ExampleFunction()"在Page2.html的 body 标记处
2. <script>window.onload=ExampleFunction</script>体内

但两者都不起作用。

Answer 1

使用 jQuery Mobile 时，不要使用onloador ready，而是使用pageinit:

$(document).bind('pageinit', function() {
    // Your code here
});

Answer 2

您可以使用 jQuery（这将绕过任何浏览器特定的页面加载功能）。

$(document).bind('pageinit', function() {
    // Your code here
});

此外，如果您只想在从第一页定向到第二页时调用 JavaScript 函数...您可以在页面 URL 中包含查询字符串。

<a href="Page2.html?callmyfunc=true">go to page 2</a>

并在页面加载时检查 URL 的参数，并最终触发函数调用。