可能包含iframes / 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"});
});

希望这有帮助并回答了你的问题。