js 获取iframe内容的高度并动态设置iframe的高度

最新推荐文章于 2022-03-18 16:03:42 发布

原创最新推荐文章于 2022-03-18 16:03:42 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用JavaScript获取网页元素的高度，并据此调整框架的大小，实现响应式布局。

部署运行你感兴趣的模型镜像

var frame = document.getElementById('#frame'),
win = frame.contentWindow,
doc = win.document,
html = doc.documentElement,
body = doc.body;

// 获取高度
var height = Math.max( body.scrollHeight, body.offsetHeight,
html.clientHeight, html.scrollHeight, html.offsetHeight );

frame.setAttribute('height', height);

您可能感兴趣的与本文相关的镜像

Dify

AI应用

Agent编排

Dify 是一款开源的大语言模型（LLM）应用开发平台，它结合了后端即服务(Backend as a Service) 和LLMOps 的理念，让开发者能快速、高效地构建和部署生产级的生成式AI应用。它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈，并且提供了易用的界面和API，让技术和非技术人员都能参与到AI应用的开发过程中