具有iframe / html5的自定义搜索页面可能吗？

Question

我正在寻找一个自定义网页，该网页可以离线加载，但可以访问外部（而不是公司内部的特定页面）。 我们有几种工具可以访问不同的分析，但是每个页面都有一个搜索栏，用于按“团队”进行搜索。 有没有一种方法，我可以拥有一个页面，而iframe会加载每个页面，但是直到单击“选项卡”或按钮以在iframe中显示它时才显示页面。 关键是将其全部加载到后台，并在单击后即可使用。

有什么办法可以实现这一目标？ 我知道将需要一些js，但我不确定除了index.html之外该从哪里开始。

感谢您的任何建议或为我指明正确的方向！

Answer 1

有很多不同的方法可以做到这一点。 一种方法是加载iframe并将CSS隐藏起来，直到按下按钮，更改CSS以显示iframe。

示例代码https://jsfiddle.net/9og3subh/3/

的HTML

<div><button id="button" type="button">Click to show</button></div> 
<iframe id="frame" src="https://www.google.com"></iframe>

的CSS

#frame {
    display: none;
}

的JavaScript

$( "#button" ).click(function() {
    $("#frame").css({"display":"inline"});
});

希望这对您有所帮助。