gpt4 book ai didi

javascript - 在不丢失js和css的情况下将html加载到div中

转载 作者:行者123 更新时间:2023-11-30 08:50:25 25 4
gpt4 key购买 nike

我想将一个带有自己的 STLyesheet 和 js 的 html 文件加载到另一个页面的 div 中。

例如,我要加载的 html 文件将是这样的

<html><head>External syle and js</head><body></body></html>

使用其他html页面的div标签

$("#divID").load("htmlpagename.html");

当我加载 html 时,它会丢失 css,并且控制台会出现错误

GET http://localhost:81/projects/js/table.js?_=1377245019877
jquery.min.js (line 6) 404 Not Found 149ms

最佳答案

如果你想保持页面的全部内容加载,你需要使用 iframe 来代替。

信息取自 jQuery .load() 文档:

jQuery 使用浏览器的 .innerHTML 属性来解析检索到的文档并将其插入到当前文档中。在此过程中,浏览器通常会从文档中过滤元素,例如 html、title 或 head 元素。因此,.load() 检索的元素可能与浏览器直接检索的文档不完全相同。

如果您决定使用 iframe,这可以帮助您:

$("<iframe />").attr("src", "htmlpagename.html").appendTo("#divID"); 

关于javascript - 在不丢失js和css的情况下将html加载到div中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18397971/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com