如何使用 url 更改 I-Frame 的内容

问题描述 投票:0回答:1

所以我愚蠢地决定让我的网站使用 i-frames 来加载页面,这样我就可以在主页上保留一个侧边栏,而不必每次都通过并更改它。我应该做的是侧边栏在 iframe 中的相反位置。 我的问题是,我是否可以使用 url 将特定页面加载到此 Iframe 中?

E.g

http://mywebsite.com/gallery
并使用它来将图库页面加载到 I-Frame 中。 从我正在使用的侧边栏将每个页面加载到 Iframe

<a href="gallery.html" onclick="UpdateIFrame()" target="displayframe">Gallery</a>

其中

UpdateIFrame()
只是关闭侧边栏并更新I-Frame的长度。

我正在考虑以某种方式使用 js 来读取 url 是什么,或者让它指向一个将加载正确页面的文件,但是我不确定如何去做。

javascript html web url iframe
1个回答
0
投票

 function UpdateIFrame() {
        var site = "https://www.google.com/";
        document.getElementById('frame').src = site;
    }
  <a href="gallery.html" onclick="UpdateIFrame()" target="displayframe">Gallery</a>
  <iframe id="frame"></iframe>

© www.soinside.com 2019 - 2024. All rights reserved.