经过一段长时间的休息之后,刚回到JavaScript并遇到了一些小问题。
在我的HTML代码中,我有一个带有用于触发JavaScript网格动画的类的button标记。
这是HTML按钮代码:
> <button class="menu-trigger">Click Now To Take The Journey, On How To Be Discovered</button>
有一个Hero背景视频正在播放,完成后会打开一个名为grid.html的新页面。
页面打开时,它只是一个黑色页面,其按钮文本链接说明如下:
立即单击以开始旅程,探索如何发现
如果您单击链接,该链接将起作用并激活JavaScript动画网格,但是我试图在视频播放完后自动打开JavaScript网格动画。
这是视频的HTML div:
> <div class="wrapper">
> <video id="myVideo" autoplay muted class="wrapper__video">
> <source src="/img/aerial-drone-view-miami-33sds.mp4">
> </video>
> </div>
这是我为此编写的JavaScript:
首先使用与我上面提到的按钮类兼容的DOM菜单触发JavaScript:
> DOM.menuCtrls = {
> open: document.querySelector('.menu-trigger'),
> close: document.querySelector('.menu-trigger--close')
> };
在视频播放完毕后,然后使用JavaScript打开grid.html:
> var vid = document.getElementById("myVideo");
> vid.onended = function () {
> window.open("grid.html"), ("_self");
> };
是否可以仅使用css类或button标记来打开网格动画,因为该类/按钮在单击时会激活JavaScript动画,除非不单击链接即可。
非常感谢任何人对此的帮助。