react加载完整的html,React添加完整的html字符串到iframe,并显示jquery页面(iframe自适应高度)...
需求:旧的jquery页面,需要引入到react中,用iframe引入,并且初始化jquery的一些数据,还要根据子内容来自适应iframe高度
const contentIFrameRef = useRef(null)
useEffect(() => {
initdata()
}, [])
const initdata = async () => {
const iframe: any = contentIFrameRef.current
axios.get(`http://172.16.139.63:8300/customer-feedback/v1/comment-card/html/819E4007?format=json`).then((response) => {
const data = response.data.Result.Html;
const iframeDocument = iframe.contentWindow.document
iframeDocument.open();
iframeDocument.write(data);
iframeDocument.close();
})
iframe.onload = function () {
var someNewScript = document.createElement('script');
var scriptUrl = document.createElement('script');
scriptUrl.src = 'https://promotions.newegg.com/Newegg/Feedback/Scripts/custom-feedback.min.js?v=$ScriptVersion';
someNewScript.innerText = `jQuery("input[name='186_NoType_141']").val("123");jQuery("input[name='198_NoType_171']").val("qwe");`;
iframe.contentWindow.document.getElementsByClassName('form-cells')[0].appendChild(someNewScript);
iframe.contentWindow.document.getElementsByTagName('head')[0].appendChild(scriptUrl);
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
};
}
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)