从外部链接调用 JavaScript答案

【问题标题】：Call JavaScript from external link从外部链接调用 JavaScript
【发布时间】：2014-10-14 11:46:23
【问题描述】：

我正在尝试创建一个水平视差站点。一切正常，当我单击菜单时，幻灯片迅速移动到水平方向并显示相应的幻灯片。

我有一个外部 HTML 页面，它与主站点具有相同的结构，问题是当我单击此页面的菜单时，它会转到该站点但落在第一张幻灯片上。

我想要一个脚本，这样当我点击这个外部 HTML 页面链接时，页面应该会出现在网站上，然后它应该会滑到相应的幻灯片上。

主菜单链接如下所示：

<a onclick="HORIZONTAL.ANIM.instance.move(3);" id="sec4" href="javascript:void(0);">About Us</a>

我想点击外部页面上的关于我们链接，然后它应该会登陆主站点，然后上面的脚本应该运行并且幻灯片应该移动。

【问题讨论】：

您是否尝试在查询字符串中传递幻灯片的ID？并在外部页面中编写逻辑以显示该幻灯片
您必须将部分 id 作为查询字符串或哈希发送到 url（例如：example.com/slides/#/1
如果您使用哈希和 hashchange 事件处理来管理您不会遇到问题的动画。然后页面的不同部分可以添加书签
@irvgk @Ammaroff 实际上我的页面没有ID of a slide 之类的东西。它分为 %。我所说的幻灯片是同一页面的部分，它在单击链接时显示。代码onclick="HORIZONTAL.ANIM.instance.move(3);"中的数字3表示，它将在水平/向右方向滑动300%，并显示该位置的内容。
it should land on the main site and then the above script should run 您不能在某些外部页面中运行您的脚本。如果该页面支持主题标签，您可以直接执行 getbootstrap.com/components/#wells 将工作如果您可以访问其他站点，您可以编写您的逻辑基于网址更改

【解决方案1】：

首先将用户引至新页面（例如 http://newpage.com" ），其中幻灯片 ID 包含在哈希中。

<a href="http:/newpage.com#3">About Us</a>

在该新页面中创建一个脚本，在页面加载后通过指定幻灯片的幻灯片。

window.onload = function() {
    var id = window.location.hash.substr(1);//get id from url after hash
    HORIZONTAL.ANIM.instance.move(id);
    };

【讨论】：