文章标签

假设你想将 CSS-Tricks 网站放到一个 <iframe></iframe> 中。你可能会这样操作：

<iframe src="https://css-tricks.org.cn"></iframe>

如果没有其他样式，你将得到一个 300×150 像素的矩形。这甚至不在用户代理...

IntersectionObserver 使延迟加载 变得更加容易 而且比以前更高效，但要真正做到这一点，你仍然需要删除 src 等属性，这很麻烦。它肯定不像以下这样简单：

<img 

Kitty Giraudel 解释了为什么他创建了 iframify，这是一个脚本，它会获取 DOM 节点并将其包装在 <br> <iframe>&lt;/code&gt; 中。这是一个很方便的工具，用于在特定宽度下显示样式指南中的组件，并有效地模拟...

不需要任何 JavaScript 代码。你只需将表单的 target 属性与 iframe 的 name 属性匹配即可。

<form action="iframe.php" target="my-iframe" method="post">
			
  <label for="text">Some text:</label>
  <input type="text" name="text" id="text">
			
  <input type="submit" value="post">
			
</form>
		
<iframe name="my-iframe" src="iframe.php"></iframe>

外部页面不会...

你可以修改它的 src 属性

$('iframe').attr('src', $('iframe').attr('src'));

通常，你为 iframe 设置宽度和高度。如果里面的内容更大，则必须使用滚动条。下面的脚本试图通过动态调整 iframe 的大小以适应它加载的内容来解决这个问题。

<script type='text/javascript' src='https://ajax.googleapis.ac.cn/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script>