div中加载一个页面

把
css、js 写在加载的页面看看

为什么不用框架？非要用div如果你非要用div
那就把css和js抠出来
放在你要放div的页面里

不用框架的话就要把css、js预放在页面里

前段时间我在网上找到过在div中加载了完整的页面的代码
当时没时间看后来不知道丢哪儿去了
在网上也没找到

我觉得你还是先把页面贴在div里,用js,来控制这个div是否显示,就好了.很多人都这么做的.动态加载很耗资源的,而且容易内存泄漏.

TTOM.MX.style.mixture({div},{$(innerHTML)})
或许可以实现，不过，如果不用IFRAME加载某一个页的话，你应当将CSS/CLASS预编到.CSS文档中，这样问题应该不大。
必要时，可以绕道走，使用XML

css 和js 在div所在页面加载就可以

使用 DIV + iframe 最简单。
如果不使用iframe的话太麻烦了，
得不偿失。

谁能帮我实现一下
页面有三个div
其中一个div中显示www.google.cn
一个显示www.baidu.com
一个中显示www.csdn.net可以动态添加div并显示输入网址所对应的网页
谢谢

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script language="javascript">
function chg(objID1,objID2)
{
document.getElementById(objID2).src = document.getElementById(objID1).value;
}
</script>
</head><body>
<div id="apDiv1">
<input name="" type="text" id="input1"/><input name="bt1" id="bt1" type="button" value="Go "  onclick="chg('input1','ifrm1')"  />
<iframe id="ifrm1" name="ifrm1" width="100%" height="100%" src="http://www.google.cn"></iframe>
</div>
<div id="apDiv2">
<input name="" type="text" id="input2"/><input name="bt2" id="bt2" type="button" value="Go "  onclick="chg('input2','ifrm2')"  />
<iframe id="ifrm2" name="ifrm2" width="100%" height="100%" src="http://www.baidu.com"></iframe>
</div>
<div id="apDiv3">
<input name="" type="text" id="input3"/><input name="bt3" id="bt3" type="button" value="Go "  onclick="chg('input3','ifrm3')"  />
<iframe id="ifrm3" name="ifrm3" width="100%" height="100%" src="http://www.csdn.net "></iframe>
</div>
</body>
</html>

貌似是一个盗链的模拟portal。。如果你要跨域，还要能解析脚本，那只能用iframe了，不然你的工作量是巨大的

有ajax高手吗
谁能帮我下呢
在div中动态的加载一个外部完整动态页面
等待ing……谢谢！！

这么跟你说吧，如果是你自己的完整的页面，如果结构组织好，是有可能的，但是如果不是你的页面，那结构什么样的都有，根本不可能分析出内部js的，换句话说，你用div+ajax的做法，是不可能把脚本运行起来的，只能用iframe。别再问了不用iframe基本不可能。

也就是不用iframe而实现与其相同的效果,
根据W3C的推荐,使用object吧!
下面这个应该是你想要的效果:<?xml version="1.0" encoding="gb2312"?>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<meta http-equiv="Content-Script-Type" Content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Author" content="Langtse"/>
<title>使用Object实现Iframe功能</title><style>
#iframe{border:1px solid silver;width:640px;height:480px;padding:2px;}
object{border:1px solid silver;width:638px;height:478px;}
</style><script>
function btnClick(sUrl){
var ifra=document.getElementById("iframe");
ifra.innerHTML='<object id="obj1" type="text/html" data="'+sUrl+'"></object>';
}
</script></head>
<body><form>
<input name="url" size="60" type="text" value="http://hi.csdn.net/langtse/" />
<input type="button" onClick="btnClick(this.form.url.value);" value="打开网页" />
</form><div id="iframe"><p>使用Object实现Iframe功能</p>这里显示你打开的页面内容</div></body>
</html>在opera9,IE7,FF2上测试通过.

演示:http://home.goofar.com/langtse/csdn/iframe.html

有没有方式不显示网址的方法
用object iframe都显示了网址的
谢谢

最简单的办法就是在DIV里加一个iframe

建议LZ不要这样做！那样JS层级关系很复杂！还有就是你把别的页面的HTML放在DIV里，表面看起来没问题单DIV里HTML就像
<html>
<head><meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<meta http-equiv="Content-Script-Type" Content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Author" content="Langtse"/>
<title>使用Object实现Iframe功能</title></head>
<body><form>
<div>
<html>
<head><meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<meta http-equiv="Content-Script-Type" Content="text/javascript"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
<meta http-equiv="Author" content="Langtse"/>
<title>使用Object实现Iframe功能</title></head>
<body><form></form></body>
</html>
</div></form></body>
</html>这样的HTML 可读性很差！定为元素很复杂！

给一个例子你。用AJAX加载
用juuery框架
先下载jquery.js文件例子
<div id="feeds"></div>$("#feeds").load("feeds.html");//相应区域导入静态页内容

写一个ajax把html中的body拿出来放到div里就行了

为啥要DIV直接innerHTML呢？div内套个iframe不更方便么?

用 jQuery 框架实现起来很方便的..$.get('http://第一个数据来源URL',{附加参数列表},function (data){
$('#div1').html(data);
});$.get('http://第二个数据来源URL',{附加参数列表},function (data){
$('#div2').html(data);
});

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %><!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 runat="server">
    <title>无标题页</title>
    <script src="js/jquery-1[1].3.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function myajax()
        {
            $.get('http://www.163.com','',function (data){
            $('#show').html(data);
        }); }
        $(function(){
        $('#ld').click(myajax);
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input id="ld" value="载入" type="button"/>
    <div id="show">显示内容</div>
    </form>
</body>
</html>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
试试吧，方法就是用的上几楼的方法。你自己要多动动手。

QQ群：78824265
讨论：Asp.Net/C#/Asp/Access/Sql Server;css,html,js,ajax;网站经营;爱情;工作;人生;

用jquery可以实现
$("#button").click(function(){
　　$("#div_name").load("test.php");
});test.php里面的JS脚本和jquery都可以在DIV里执行。不需要在DIV的页面里加这些脚本

醍醐灌顶啊，其实我觉得还是div+iframe更简洁些，呵呵

调试易

div中加载一个页面

解决方案 »