<div id="abc"></div> 然后把另一个HTML页面的内容放到这个DIV里，怎么才能用JS把另一个页面的内容放里面
<body><divid="foo"></div></body>在这个DIV里用JS放入cycle.html的内容。。cycle.html内容<divclass="pic...
<body>
<div id="foo"></div>
</body>
在这个DIV里用JS放入cycle.html的内容。。
cycle.html内容
<div class="pics" id="container"><IMG height=200
src="images/beach1.jpg"> <IMG height=200
src="images/beach2.jpg"> <IMG height=200
src="images/beach3.jpg"> <IMG height=200
src="images/beach4.jpg"> <IMG height=200
src="images/beach5.jpg"></div> 展开
<div id="foo"></div>
</body>
在这个DIV里用JS放入cycle.html的内容。。
cycle.html内容
<div class="pics" id="container"><IMG height=200
src="images/beach1.jpg"> <IMG height=200
src="images/beach2.jpg"> <IMG height=200
src="images/beach3.jpg"> <IMG height=200
src="images/beach4.jpg"> <IMG height=200
src="images/beach5.jpg"></div> 展开
5个回答
展开全部
js用的AJAX技术就行了。
在你那个页面里加上<script type="text/javascript" src="ajaxrequest.js"></script>
注意，这里的ajaxrequest.js是AJAX的网上分享的一个类。可以在http://www.shaoxingwangzhanjianshe.com/school/121.html这里下载。
之后就是用以下代码来将你要的另一个页面的内容放到<div id="abc"></div>里。
代码：
<script type="text/javascript">
var ajaxobj=new AJAXRequest; // 创建AJAX对象
ajaxobj.method="GET"; // 设置请求方式为GET
ajaxobj.url="1.html" // URL为1.html
// 设置回调函数，输出响应内容
ajaxobj.callback=function(xmlobj) {
document.getElementById("abc").innerHTML=xmlobj.responseText;//这里的xmlobj.responseText就是1.html的内容，是用innerHTML放到ID为abc的div标签里
}
ajaxobj.send(); // 发送请求
</script>
在你那个页面里加上<script type="text/javascript" src="ajaxrequest.js"></script>
注意，这里的ajaxrequest.js是AJAX的网上分享的一个类。可以在http://www.shaoxingwangzhanjianshe.com/school/121.html这里下载。
之后就是用以下代码来将你要的另一个页面的内容放到<div id="abc"></div>里。
代码：
<script type="text/javascript">
var ajaxobj=new AJAXRequest; // 创建AJAX对象
ajaxobj.method="GET"; // 设置请求方式为GET
ajaxobj.url="1.html" // URL为1.html
// 设置回调函数，输出响应内容
ajaxobj.callback=function(xmlobj) {
document.getElementById("abc").innerHTML=xmlobj.responseText;//这里的xmlobj.responseText就是1.html的内容，是用innerHTML放到ID为abc的div标签里
}
ajaxobj.send(); // 发送请求
</script>
追问
。cycle.html内容
追答
完整代码是这样的，我测试了可以，如果你直接打开那个html是不行的，因为ajax得在iis下打开才行。代码：
无标题文档
var ajaxobj=new AJAXRequest; // 创建AJAX对象
ajaxobj.method="GET"; // 设置请求方式为GET
ajaxobj.url="cycle.html" // URL为1.html
// 设置回调函数，输出响应内容
ajaxobj.callback=function(xmlobj) {
document.getElementById("abc").innerHTML=xmlobj.responseText;//这里的xmlobj.responseText就是cycle.html的内容，是用innerHTML放到ID为abc的div标签里
}
ajaxobj.send(); // 发送请求
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把另一个页面放在<ifram src="另一个页面路径"/> 。在JS函数里这样写 document.getElementById("abc").innerHTML="<ifram src='一个页面路径'>"
更多追问追答
追问
var ajaxobj=new AJAXRequest;
ajaxobj.method="GET";
ajaxobj.url="cycle.html
ajaxobj.callback=function(xmlobj) {
document.getElementById("foo").innerHTML=xmlobj.responseText;
}
ajaxobj.send();
页面不显示
追答
你导入静态的，不要用AJAX，直接用JS就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
abc.innerHTML="<iframe src='http://baidu.com' frameborder='no' width=600 height=1000></iframe>";
</script>
这是最简单的。
abc.innerHTML="<iframe src='http://baidu.com' frameborder='no' width=600 height=1000></iframe>";
</script>
这是最简单的。
更多追问追答
追问
表示页面不显示。。o(╯□╰)o哭啊。。
追答
我表示测试完全正常
abc.innerHTML="";
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style type="text/css">
div {
position:absolute;
}
.pos1 {
top:0px;
width:200px;
height:100px;
}
.pos2 {
top:100px;
width:200px;
height:100px;
}
.pos3 {
top:200px;
}
</style>
<script>
function moveDiv() {
var a = document.getElementById("a");
var b = document.getElementById("b");
if (a.className == "pos1") {
a.className = "pos2";
b.className = "pos1";
} else {
b.className = "pos2";
a.className = "pos1";
}
}
</script>
</head>
<body>
<div id="a" class="pos1">a</div>
<div id="b" class="pos2">b</div>
<div class="pos3"><button onclick="moveDiv()">Move</div>
</body>
</html>
<head>
<style type="text/css">
div {
position:absolute;
}
.pos1 {
top:0px;
width:200px;
height:100px;
}
.pos2 {
top:100px;
width:200px;
height:100px;
}
.pos3 {
top:200px;
}
</style>
<script>
function moveDiv() {
var a = document.getElementById("a");
var b = document.getElementById("b");
if (a.className == "pos1") {
a.className = "pos2";
b.className = "pos1";
} else {
b.className = "pos2";
a.className = "pos1";
}
}
</script>
</head>
<body>
<div id="a" class="pos1">a</div>
<div id="b" class="pos2">b</div>
<div class="pos3"><button onclick="moveDiv()">Move</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用框架，或者真接js输出
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
