我该如何通过JavaScript / JQuery将HTML文档添加到<div></div>
中?
这是目前为止我所拥有的:
emailBodyInclude.html
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/imports/reset.css" type="text/css" />
<script>
// JavaScript
</script>
</head>
<body>
<p>Hello world! This is HTML5 Boilerplate.</p>
</body>
</html>
使用JavaScript / JQuery,我该如何删除HTML文档中任何以下形式的声明:
<!DOCTYPE html>
<html class="no-js">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head></head>
<body></body>
这样我就只剩下:
<link rel="stylesheet" href="css/imports/reset.css" type="text/css" />
<script>
// JavaScript
</script>
<p>Hello world! This is HTML5 Boilerplate.</p>
我希望你能够安全地将剩余部分插入到一个<div></div>
中。
非常感谢大家提前的帮助。
更新:
emailBodyInclude.html是一个HTML邮件字符串,从供应商(例如雅虎)检索而来。它是动态的,无法确定语法会是什么样子。我想在另一个HTML文档中包含这个html文档。在一个<div class="htmlMail"></div>
内部。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../../baseCSS/bootStrap/bootstrap.min.css">
</head>
<body>
<div class="header">This is a HTML email</div>
<div class="htmlMail"></div>
</body>
</html>