如何将 HREF 标签从一个 HTML 文件链接到下一个 HTML 页面中的 iframe 标签



我想做的是,

  1. 我有一个html页面,比如说movieslist.html,它有一个几部电影的列表(都是href链接<a href="movie.html">
  2. 单击任何电影都会将我重定向到movie.html。在这里,我正在使用iframe标签来显示和播放我的谷歌驱动器中的视频。

问题是我不知道如何将它们链接起来,例如,如果我给 2 个带有驱动器链接的iframe标签作为src值,两者都会显示。我只想显示我点击的电影。 如何给出这个条件或对此的任何建议?

请帮忙

为此,您需要将电影链接从电影.html传播到电影.html。

电影.html

<html>
<body>
<a href="movie.html?movieLink=https://drive.google.com/file/d/1oezcBrXr8b-ATkIGD1I9ZQakPP9VX_5W/preview">Movie 1</a>
<a href="movie.html?movieLink=https://drive.google.com/file/d/1oezcBrXr8b-ATkIGD1I9ZQakPP9VX_5W/preview">Movie 2</a>
</body>
</html>

电影.html

<html>
<body>
</body>
<script>
function bindUrlWithIFrame(){
var movieLink = window.location.href.split("?movieLink=")[1];
var iframeElement = document.createElement("iframe");
iframeElement.src = movieLink;
iframeElement.width = 1100;
iframeElement.height = 500;
document.body.appendChild(iframeElement);   
}
bindUrlWithIFrame();
</script>
</html>

首先在电影中.html使用参数movieLink以href(超文本引用(发送电影链接。 在电影中第二次.html从 URL 栏中检索您的电影链接并按 movieLink 拆分以获取您的实际电影链接,然后动态创建您的 iframe 元素,将电影链接作为源传递给它,最后将您的 iframe 元素添加到 DOM 将起作用。点赞,谢谢。

最新更新