通过 URL 触发多个单独的 JavaScript 函数而无需刷新页面

Question

我正在使用 NFC（近场通信）构建一个简单的 web 应用程序，其中涉及使用我的网站的 URL + 将触发特定 JavaScript 函数的哈希编程的某些标签。

例如，“www.website.com/index.html#hide/one”将隐藏网页上标记为“one”的元素。很简单，对吧？我以为会的。

我后来了解到，当您点击 NFC 标签时，它会在新网页/标签中打开 URL。不过，我认为如果我的网页检查是否还有其他打开的页面并关闭它们，则可以避免这种情况。

如果有更好的方法（通过该网页的 URL 触发网页上的 JavaScript 函数），请告诉我。重要的是要注意总共有 8 个标签（元素），并且它们都必须被触发才能结束游戏/应用程序，这要求所有这些都在同一页面上完成，最好不要刷新（尽管我可能可以使用 localstorage 安装一些东西，以便刷新）。

提前致谢，我只是不确定我将如何在此处进行操作。

-米切尔

编辑 - 我应该提到我已经在使用backbone.js 来满足我的路由需求。非常适合我目前的情况，

Answer 1

您需要的是一个哈希标签路由库。 http://projects.jga.me/routie/

这将在您的应用页面加载并读取哈希时运行，从而转移您的代码逻辑以根据哈希标签执行某些操作，从而在代码逻辑中将您的项目从页面上删除。不需要很多页面。

但是！

如果设备上的 url 启动器在每次检测到项目时都会启动新窗口，这是一个问题，因为您无法关闭这些窗口，只能从窗口本身关闭。

解决方案

应用程序有一个游戏的主窗口，每个项目都存储在本地存储中，您可以使用本地存储事件系统来检测另一个页面是否更改了项目，并实时更新 UI。

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

当 NFC 启动新窗口时，显示用户反馈，说明他们已完成游戏任务，然后使用超时关闭它。

该窗口下方将是显示更新的主页面窗口。

如果做得好，它会很好地工作。当任务完成时，您还可以在弹出窗口上添加一个漂亮的 x 关闭按钮。