2024年前端开发：Vue中嵌套标签iframe的使用_ant-design 嵌入iframe，面试应该看的书

最后

我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

篇幅有限，仅展示部分截图：

在前端开发过程中，往原有页面中嵌入新的页面的需求也是比较常见的需求操作，尤其是在比较复杂的必须要用嵌套的场景下。前端中使用嵌套的时候，需要用到的就是iframe标签，通过该标签可以规定一个内联框架，然后放入需要嵌套的新页面即可。本篇博文来分享一下关于iframe的使用方法，尤其是对于初级开发者来说尤为重要。

iframe

1、定义和使用

标签规定一个内联框架，一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

2、使用说明

（1）可以把需要的文本放置在 和 二者之间，这样就可以应对不支持 的浏览器了；

（2）通过使用 CSS 给 定义需要的样式；

（3） 标签支持HTML的全局属性、事件属性、以及HTML5的新属性。

3、其他注意事项

通过网页使用iframe嵌入新的网页的时候，有时需要动态处理src的值，而不是固定的值，这就需要给iframe 的src赋值，通常是使用js来实现。

总结

我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

1715484515314)]
[外链图片转存中…(img-HWDdXQxn-1715484515315)]