test.html 页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function getXMLHttpRequest() {
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
return request;
}function insertHtml() {
var xmlhttp = getXMLHttpRequest();
if (!xmlhttp) return;
xmlhttp.open("get", "my.html" , true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("container").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.send(null);
} </script>
</head>
<body><div id="container"></div><input type="button" value="载入HTML片段" onclick="insertHtml()"/></body>
</html>
my.html 页面 <style type="text/css">
.d { color:red; }
</style><span class="d">我是于娜</span>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function getXMLHttpRequest() {
var request = false;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}
}
return request;
}function insertHtml() {
var xmlhttp = getXMLHttpRequest();
if (!xmlhttp) return;
xmlhttp.open("get", "my.html" , true);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("container").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.send(null);
} </script>
</head>
<body><div id="container"></div><input type="button" value="载入HTML片段" onclick="insertHtml()"/></body>
</html>
my.html 页面 <style type="text/css">
.d { color:red; }
</style><span class="d">我是于娜</span>
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("container").innerHTML = "<span style='display:none'>我是孟宪会</span>" + xmlhttp.responseText
}