如何创建页面结构

不知道这样是不是，呵呵：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script language="javascript">
function split(){
document.body.innerHTML = [
"<iframe style='width:100%;height:50%' src='http://www.163.com'></iframe>",
"<iframe style='width:100%;height:50%' src='http://www.sohu.com'></iframe>"
].join("<br />");
}
</script>
</head><body><input type="button" value="button" onclick="split();" />
</body>
</html>

解决方案 »

  1.   

    象一楼那样用<iframe>可以。直接用<frameset rows="0,*,0">,然后在点击事件中修改成<frameset rows="100,*,100">这样也可以。至于可以编辑，那就和框架无关了。和你框架里嵌入的网页有关。完全是两个问题。
      

  2.   

    我现在不用Frameset了，我用<table>来创建结构，但是我希望创建后可以进行编辑
      

  3.   

    <BODY>
      <input type='button' value='Go!' onclick='seprateIt();'>
      <div id='con'></div>
     </BODY>
    </HTML>
    <script>

    function seprateIt()
    {
    var imgSrc = 'http://images.google.cn/intl/zh-CN_ALL/images/images_res.gif';
    var con = document.getElementById('con');
    var ntable = document.createElement('TABLE');
    ntable.setAttribute("border", 1);
    ntable.setAttribute("width", 600);
    ntable.setAttribute("height", event.screenY); var  parts = 3; for (var i=0; i<parts; i++ )
    {
    var nrow = ntable.insertRow();
    var ncell = nrow.insertCell();
    var ntxt = document.createElement("TEXTAREA");
    ntxt.value = "content"+i;
    var img = new Image();
    img.src = imgSrc;
    ncell.appendChild(img);
    ncell.appendChild(ntxt);

    }
    con.appendChild(ntable);
    return true;
    }</script>