如何利用JavaScript读取同一服务器中另一个html文件？
现在服务器上有两个html文件，一个a.html，一个b.html，现在想通过a.html里面的一段javascript代码读取b.html的内容，并用innerHTML...
现在服务器上有两个html文件，一个a.html，一个b.html，现在想通过a.html里面的一段javascript代码读取b.html的内容，并用innerHTML显示在a.html中，哪位大神知道该怎么做？服务器端不能运行ASP或者PHP
问题解决了，用XMLHTTPRequest更新的，谢谢大家了~ 展开
问题解决了，用XMLHTTPRequest更新的，谢谢大家了~ 展开
4个回答
展开全部
使用jquery比较简单：
1、引入jquery库文件
2、在a.html页面的head部分加入脚本：
$(function(){
$("#show_b").load("b.html", function(response){
$(this).append(response);
});
});
<div id="show_b"></div>
1、引入jquery库文件
2、在a.html页面的head部分加入脚本：
$(function(){
$("#show_b").load("b.html", function(response){
$(this).append(response);
});
});
<div id="show_b"></div>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过div嵌套iframe实现
<script type="text/javascript">
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
<script type="text/javascript">
$(function () {
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function () {
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
});
})
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
注：需引用jquery
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$('#xxx').load('b.html'); //XXX是id号为XXX的元素，注意b.html的路径
});
</script>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$('#xxx').load('b.html'); //XXX是id号为XXX的元素，注意b.html的路径
});
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过ajax去请求就好，比如Jquery的ajax去get
$.get("b.html", function(html){alert(html);});
$.get("b.html", function(html){alert(html);});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
