如何為js和CSS嵌入html文件
[英]How to embed the html files for js and css
問題描述
我想使我的項目結構更好，更易於管理。 我的項目現在只有js和CSS，沒有php。 這是我之前的項目：
文件A
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
</head>
<body>
blah blah blah
</body>
</html>
文件B
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
</head>
<body>
hello hello hello
</body>
</html>
我可以制作這樣的文件嗎
setting.html
<meta charset="UTF-8">
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
文件A和B
<html>
<head>
embed setting
</head>
<body>
blah blah
</body>
</html>
我怎樣才能做到這一點？ 是否有任何框架或庫這樣做？
2 個解決方案
解決方案1
0 2018-02-20 07:39:53
您可以通過jQuery嘗試以下方式：
<!DOCTYPE html>
<html lang="en">
<head data-include="settings.html"></head>
<body>
blah blah
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(function(){
$('[data-include]').each(function(){
$(this).load($(this).attr('data-include'));
})
})
</script>
</body>
</html>
settings.html：
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
解決方案2
0 2018-02-20 08:26:32
您可以使用Js執行此操作。
像下面。
<html>
<head id="includedHeader">
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedHeader").load("setting.html");
});
</script>
</head>
<body>
blah blah
</body>
</html>
如何在單個wordpress頁面上嵌入HTML5 / CSS + js音樂播放器？
[英]How to embed HTML5/CSS + js music player on single wordpress page?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.