Question

我很抱歉我的问题，但我是初学者...

我需要一个允许我的JavaScript：

1“加载/卸载”“iframe”（或类似内容）中的网页。 2“show / unshow”不同的“div标签”

当我点击“菜单链接”时。

这意味着我需要一个带有不同“链接”的“菜单”，当我点击其中一个时，将加载一个“iframe”，并显示具有相同ID的不同“div标签”。如果那时我点击另一个“菜单链接”，我需要第一个“iframe”“卸载”，所有第一个“div标签”到“隐藏”，另一个“iframe”要“加载”和其他“div标签”显示。

问题是，如果我有一个隐藏/显示“iframes”的脚本，则在打开页面时会加载所有这些脚本，并且不同页面上的所有视频和音乐都会自动启动......

谢谢!!!

  <!-- this is the menu link tag -->
  <a href="#/google" onclick="">google</a>

  <!-- this tag should be shown on menu link click -->
  <a href="http://www.google.com/" target="_blank">www.google.com/</a>

  <!-- this iframe should be loaded on menu link click -->
  <iframe src="https://www.google.com/">iframe not supported</iframe>

Answer 1

好吧，因为iframe在DOM加载事件中被加载，所以不会是iframe。

为此，您可以考虑使用jQuery API的.load()。

像这样：

$('element_where_load_happens').load('new_url_here');

这会将http://new_url_here加载到element_where_load_happens。使用起来既简单又好用。

使用上面的代码，您将能够

加载网页内容

在DOM中，在某些特定事件中，我们可以说click事件。同时，您可以使用jQuery API的hide()方法隐藏内容，甚至可以使用html('')方法清除该元素的所有内容，请注意{{1}在paranthesis之间擦除当前值。

https://api.jquery.com/load/（jQuery Load）

“显示/隐藏” - “加载/卸载” - iframe，div标签

1 个答案:

加载网页内容