H5页面中如何实现点击跳转

1、首先，我们新建一个带有button按钮的页面，在Dreamweaver中打开这个页面。

2、button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转。

3、可以直接在onclick事件上添加动作实现页面跳转，也可以让onClick触发函数实现页面跳转，如下图所示。

4、还可以写一个click函数，来触发页面跳转。这就需要我们获取到这个button，可以给button一个Id了，如下图所示。

在“西瓜：
西瓜是水果。”前面添加 一个锚记



========================

在西瓜图片 所有的超链接中西瓜

你可以用意派Epub360在线H5页面制作工具实现“点击跳转”，具体操作非常简单。

1.添加文字或图片按钮（也就是你要点击的对象）。

2.在页面右侧的页面触发器下，选择“点击时”一栏中的“+”号。

3.在弹出的触发器面板中选择触发器行为。

4.点击“跳转页面”（若要跳转至外链，则选择“打开网址”）。

5.选择需要跳转的目标页面，如首页、最后页、下一页等。

若在操作过程中遇到其他问题，你还可以在意派的教程中心搜索关键词查找相应的教程，非常适合新手自学。

首先，在为H5设置点击跳转以前，用户需要知道点击跳转所能实现的一些功能，具体在微传单中，点击跳转可以实现行为有如下几个：跳转页面、跳转外链、拨打电话、发送短信、打开互动游戏、打开淘宝App、打开弹窗、显示/隐藏、播放视频、播放音频。在清楚这些跳转行为以后，那接下来大家制作H5页面的时候，就可以按照具体的行为进行点击功能跳转操作的选择。

比如，像上面的这个H5中，我们想对点击“立即抢购”的按钮以后，能够跳转到相应的购买页面，那么我们就可以选择立即抢购这一按钮，然后在点击事件中选择相应的点击跳转行为，如我们要进入到指定的抢购页面，那么就选择“跳转外链”，此时只要在地址栏中填写相应的购买页面的地址即可。