Javascript 使DIV加载CSS文件
对于我正在编写的程序，我有一个主导航页面，用户登录系统后可以在该页面登陆 在这个屏幕上，我使用2个DIV的一个DIV作为导航条，另一个DIV用作iFrame 我正在使用w3.css库创建导航栏，但当我在第二个div中加载目标文件时，这实际上会弄乱我的css主css文件。但是如果我使用我确实不喜欢的iFrame，它可以正常工作 如果我可以在div加载目标链接文件时加载我的CSS文件，那么问题就会得到解决 所以我的问题是，当外部文件加载时，如何将CSS文件加载到div中 这是我的HTML：Javascript 使DIV加载CSS文件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,对于我正在编写的程序，我有一个主导航页面，用户登录系统后可以在该页面登陆 在这个屏幕上，我使用2个DIV的一个DIV作为导航条，另一个DIV用作iFrame 我正在使用w3.css库创建导航栏，但当我在第二个div中加载目标文件时，这实际上会弄乱我的css主css文件。但是如果我使用我确实不喜欢的iFrame，它可以正常工作 如果我可以在div加载目标链接文件时加载我的CSS文件，那么问题就会得到解决 所以我的问题是，当外部文件加载时，如何将CSS文件加载到div中 这是我的HTML： <
<html>
<head>
<title>Time Sheet</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="../../CSS/w3.css">
<link rel="stylesheet" type="text/css" href="../../CSS/main.css">
<!-- Java Scripts -->
<script language="JavaScript" type="text/javascript" src="../../jScripts/jquery-3.2.0.min.js"></script>
<script language="javascript" type="text/javascript" src="../../jScripts/navBar.js"></script>
<script language="JavaScript" type="text/javascript" src="../../jScripts/fileLoader.js"></script>
</head>
<body>
<div class="w3-bar w3-light-gray w3-card-4" style="z-index: 991">
<a href="listUser.php" target="container" id="main" class="w3-bar-item w3-button w3-hover-light-blue">Home</a>
<a href="#" class="w3-bar-item w3-button w3-hover-light-blue">Link 1</a>
<a href="#" class="w3-bar-item w3-button w3-hover-light-blue">Link 2</a>
<a href="#" class="w3-bar-item w3-button w3-hover-light-blue w3-right">Link 3</a>
</div>
<div id="My-container">
<!-- All pages load here -->
</div>
</body>
</html>
$(document).ready(function(){
$('#main').click(function () {
$('#My-container').load('listUser.php');
})
});
$(document).ready(function(){
if($("#my-container").size>0){
if (document.createStyleSheet){
document.createStyleSheet('../../CSS/main.css');
}
else {
$("head").append($("<link rel='stylesheet' href='../../CSS/main.css' type='text/css' media='screen' />"));
}
}
});
$（文档）.ready（函数（）{
如果（$（“#我的容器”）.size>0）{
if（document.createStyleSheet）{
document.createStyleSheet（'../../CSS/main.CSS'）；
}
否则{
$（“head”）。追加（$（“”）；
}
}
});
无论如何，请给我指示灯。您似乎想检查特定的dom是否存在。为此，您需要使用
lengthmycontainermycontainerif($("#My-container").length>0){
// rest of the code
}
因此，您希望将css与在iframe ie中加载的文件一起加载。
listUser.php