如何才能将一些html代码加载到<div>中，而不保留原始页面的css和js？
要将一些HTML代码加载到<div>中，而不保留原始页面的CSS和JS，可以使用JavaScript的innerHTML属性来实现。
首先，通过JavaScript获取目标<div>元素的引用，可以使用document.getElementById()或其他选择器方法来获取。例如，假设目标<div>的id为"targetDiv"，可以使用以下代码获取该元素的引用：
var targetDiv = document.getElementById("targetDiv");接下来，可以使用innerHTML属性将HTML代码加载到目标<div>中。innerHTML属性允许将HTML代码作为字符串赋值给元素，从而替换元素的内容。例如，假设要加载的HTML代码存储在一个变量htmlCode中，可以使用以下代码将其加载到目标<div>中：
targetDiv.innerHTML = htmlCode;这样，目标<div>的内容将被替换为加载的HTML代码，而不会保留原始页面的CSS和JS。
需要注意的是，使用innerHTML属性加载HTML代码会执行其中的脚本代码。如果希望避免执行脚本代码，可以使用其他方法，如创建新的<script>元素并将其添加到页面中。
以下是一个示例代码，演示如何将HTML代码加载到<div>中：
<!DOCTYPE html>
<html>
<head>
<title>Load HTML into div</title>
</head>
<body>
<div id="targetDiv"></div>
<script>
var targetDiv = document.getElementById("targetDiv");
var htmlCode = "<h1>Hello, World!</h1>";
targetDiv.innerHTML = htmlCode;
</script>
</body>
</html>在这个示例中，页面加载后，<div>元素的内容将被替换为<h1>Hello, World!</h1>，而不保留原始页面的CSS和JS。
对于腾讯云相关产品和产品介绍链接地址，由于要求不提及具体品牌商，无法提供相关链接。但腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，可以通过访问腾讯云官方网站获取更多信息。
相关·内容
') });CSS (来自原始页面) styles.css： background: #00f;HTML代码： <html
浏览 3提问于2017-06-12得票数 0
4回答
所以我将所有css外部文件合并为一个css文件，并将所有java脚本外部文件合并为一个文件java脚本文件。所以现在我有两个外部文件(两个请求)，一个是css，另一个是javascript。/css/eagle/main.min.css" type="text/css">
<script defer src="../js/eagle/init.m
浏览 4提问于2017-02-03得票数 3
我有一个页面1.html，其中包含如下链接：page2.html的一部分是这样的：<head><body></div>
<script src="file1.<em
浏览 2提问于2014-02-07得票数 1
回答已采纳
2回答
页面间的jQuery移动导航
、、、、
下面的是我想要实现的..
我有几个HTML页面，每个页面都有自己的css、javascript和JQM页面。我需要的是，当我切换到另一个html文件并使用data-rel=" back“返回回back按钮时，我将恢复到先前的html文件，状态是我将其保存在.中。我尝试使用页面保持器更改函数，但它没有在新加载的html文件上加载javascript。它尝试使用以下代码。我使用了以下代码。如果是，那么如
浏览 6提问于2014-04-04得票数 2
回答已采纳
我知道这个问题在这里被问了很多次，我读过这些答案，但我的问题比这个要长一些。假设有两个文件: a.html和b.html，现在：
只有b.html才需要一些其他脚本和样
浏览 2提问于2016-10-07得票数 1
8回答
{ height: 50px;}
{ content: "Something";<div>
funtion mytitle()return "S
浏览 19提问于2022-03-14得票数 0
我之前学过php，但几周前我才开始学习js / ajax。我正试图为一个网站建立一个框架。我的页面使用html/php，一些js / ajax仅用于处理表单数据。
我有索引页，还有菜单。单击菜单链接后，所选页面(例如sample.php)的内容将使用js加载到索引页中的div (id=" content ")中，而无需刷新索引<em
浏览 4提问于2021-12-27得票数 0
具体地说--如何在不更改原始HTML内容(移除目录)的情况下，从各自的目录(images/、css/、js/)加载所有资产？我使用以下代码将index.html加载到UIWebview中：
NSURL *url = [[NSBundle mainBundle] URLForResource:@"index" withExtension<link rel=&quo
浏览 3提问于2012-10-16得票数 3
回答已采纳
我正在编写一小段代码。我可以让它工作得非常好，比如图像和文本。但是不能用css和js加载。这显然利用了js公司的拉斐尔。那么我到底做错了什么。似乎，我们只能加载到div id<em
浏览 1提问于2011-03-28得票数 0
回答已采纳
2回答
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel=
浏览 4提问于2014-12-12得票数 2
回答已采纳
1回答
我正在使用代码触发器和jquery制作一个单页面应用程序，所以母版页包含html的上部，包括css等。<![endif]--><body>-- other js
浏览 3提问于2017-04-13得票数 0
我看到其他一些人(例如)在JQuery Mobile中使用外部javascript脚本时遇到了困难--到今天为止，我已经加入了他们的行列。我有一个外部js脚本(controllers.js)，它包含影响站点上几个页面的代码。它被加载到网站的每一页上。我把js文件放在标签之前，它在初始页面加载时运行良好。无论如何，有一个回答了这个问题，我已经实现了他们的建议："...to在每个页面的头上引用相同的样式表<em
浏览 0提问于2013-08-18得票数 1
回答已采纳
尽管它们可能会响应，但我发现在移动设备上测试它们时，动画通常不是很流畅，可能会减慢加载和处理时间。在某些情况下，滑块中正在进行的动画似乎会干扰页面的显示和滚动，具体取决于手机的质量。据我所知，如果滑块在包含的div中(比如div#sliderWrap)，如果我使用CSS3媒体查询，我可以很容易地将滑块设置为不可见(display:隐藏)。然而，这仍然意味着滑块和其中的所有对象仍然会加载，因为它们在主HTML中，因此仍
浏览 1提问于2013-08-26得票数 0
1回答
启用导航条中的暗模式以查看相同的内容(或检查html/body元素是否跨越整个高度，主元素溢出)。
暗背景是<html>、<body>和<div id="theme-body">元素的高度。它应该扩展页面的整个长度(在我最初的实现中也是这样)，但是它只在我将屏幕插入到基本模板之后才占据屏幕的高度，而<main>元素(包括我的卡片)扩展到主体之外。cs
浏览 1提问于2020-09-05得票数 0
回答已采纳
我已经成功地将搜索结果输出到页面上，但想要一些关于如何在页面重新加载时保持表单元素中的输入值的建议。我确实通过struts 2 Ajax库加载了搜索结果，但是如果出现验证错误，ajax请求将返回完整的jsp页面本身，而不是搜索结果，因为出错时页面应该重新加载并显示操作错误。
浏览 0提问于2013-05-15得票数 1
回答已采纳
我正在编写一个自定义模板标记，它用一些代码包装HTML元素，使其可编辑。这是由一些CSS备份的，JS负责将数据发送到服务器以保存数据。/myscript.js"></script> <link rel="stylesheet" type="text/css" href="../mystyle
浏览 0提问于2012-11-29得票数 1
问题:由于一些未知的原因，应该通过enqueue加载的css样式没有被加载。单击“绿地”-> "Information“--您可以看到它以Times加载字体，而不是从bootstrap.css例如，当我单击"Informat
浏览 0提问于2017-01-16得票数 1
1回答
我正试图从我的网站项目中的另一个页面动态加载HTML和CSS数据。
假设我有2页。第一个是onepage.html，第二个是twopage.html。现在，我有一些超文本标记语言和CSS (CSS在外部工作表中)数据在twopage.html中，我想将它们输入到onepage.html中。假设我有一个twopage.html的结
浏览 0提问于2017-09-12得票数 1
为了保持所有页面的设计，我将代码从主页复制并粘贴到所有其他HTML文档中，以确保导航框和主div保持在适当的位置。现在，我被要求以这样一种方式实现设计:当我按下按钮时，其他HTML页面将动态加载到我的主索引页面上。这样，如果我需要更改页面的设计，我只需更改索引页，而不必对每个HTML文档重复这些更改。我一点也不懂jQuery，如果有人清楚地知道如何用jQuery或
浏览 18提问于2017-07-11得票数 2
回答已采纳
为了创建一种类似Wiki的结构，我想使用jQuery和AJAX将外部HTML代码加载到我的基本页面中。我在第一部分成功地将html-内容加载到指定的div中。然而，一些加载的html-内容包含另一个链接。当我单击此链接(该链接的结构与原始文档中的链接相同)时，什么都不会发生。我怀疑这与事件侦听器有关，但我不知道如何解决它。以下是代码</e
浏览 3提问于2015-08-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
