基于点击按钮的动态网址

时间:2016-01-19 12:11:11

标签: javascript jquery html css

我的问题可能看起来有些含糊不清,但你应该先了解我的意思。

我希望能够动态生成动态网址,以便在父网页上点击链接(x链接)时,它应该移动到“节点”。页面,然后决定移动到' x'与父页面上单击的链接对应的页面。

例如 -

  1. 父页面有5个链接(a,b,c,x,y)
  2. 用户点击' b'
  3. 用户被引导至播放视频的节点页面并自动(在视频结束后)重定向到Page" b' (js模拟下面的点击)
  4. 是否存在Node页面可以检测到在父页面上单击的链接并将用户引导到父页面上定义的相应页面ID的机制?请参阅下面的图片 - enter image description here

    我已经使用JS在Node页面中实现了自动进程,在15.5秒后将用户引导到下一页 -

    <script>
        $("document").ready(function() {
            setTimeout(function() {
                $(".proceed").trigger('click');
            },15500);
        });
    </script>
    

    我需要知道的是,基于在父页面上点击的链接,节点页面可以决定下一步引导用户的位置吗?

    此外,这个HTML包将用于在iPad上运行的iPad上的电子详细设计平台,根据我的经验,它可以支持大部分HTML,CSS和JS / jQuery的。

    提前致谢

3 个答案:

答案 0 :(得分:1)

尝试类似的东西

<a class="mylink" data-url="a.html">A</a>
<a class="mylink" data-url="b.html">B</a>

<script>
var url = "";
$(".mylink").click(function(){
url=$(this).data("url");

//Here your function who start your video
playvideo();
});

//Here function trigger when your video is finish
function videoIsFinish()
{
   if(url!="")
      window.location.href=url;

}

</script>

答案 1 :(得分:0)

这是非常可行的。只需使用javascript switch语句(see here)并使用用户点击的网址(see here)传递案例值。

在节点页面上有switch语句,然后可以使用JavaScript将您传递到所需的目标页面。

答案 2 :(得分:0)

这很容易实现,首先您可以使用任何全局变量,然后将值赋给变量。

var url = window.location.href;

然后在节点页面上,您可以检查url变量的值,然后根据该页面导航到该页面。 其他解决方案是您可以使用document.referrer获取以前的网址。然后根据它进行相同的检查。

var url = document.referrer;