ajax 读取的HTML片段中，如果有CSS样式表则不解释，怎么解决？

于娜 2011-01-21 11:54:20





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>

...全文

114 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

于娜 2011-01-24

打赏
举报

[Quote=引用 4 楼 net_lover 的回复:]
这样赋值就可以了

HTML code
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("container").innerHTML = "<span style='display:none'>我是孟宪会</span>" + xmlhttp.responseTex……
[/Quote]

--------------

有意思，想显示于娜，必须显示孟宪会

孟子E章 2011-01-23

打赏
举报

也就是说

在赋值的字符串前添加任意可以出现字符的html语句即可

孟子E章 2011-01-23

打赏
举报

这样赋值就可以了

if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

document.getElementById("container").innerHTML = "<span style='display:none'>我是孟宪会</span>" + xmlhttp.responseText

}