一个页面跳转的问题

在一个多个板块的页面里  如何在点击一个板块的按键  指定在另一个板块上出现要出现的页面

解决方案 »

  1.   

    最简单的就是用iframe,点击按钮后更换iframe的src即可.如果要出现的页面的内容随时变化，那就用JS向iframe里写内容；或者用AJAX
      

  2.   

    【在一个多个板块(DIV)的页面里 如何在点击一个板块(DIV1)的按键button 指定在另一个板块(DIV2)上出现要出现的页面(a.html)】
    1、点击按钮，链接某个网页a.html
    <script>
    function test1(){
      document.getElementById('myiframe').src='a.html'
    }
    </script>
    <div id=div1 style='border:1px solid red'>我是DIV1<button onclick="test1()">点我</button></div>
    <div id=div2 style='border:1px solid blue'><iframe id='myiframe' src=''></iframe></div>2、点击按钮，显示某些内容
    <script>
    function test2(){  
            var a= document.getElementById('myiframe2').contentDocument;
            if(!a){a= document.getElementById('myiframe2').contentWindow;/*兼容IE6、7*/}
            a.open('text/html', 'replace');
    //a.opener = null; // 防止代码对父页面修改
    var sHTML="<br><br><br><br><br><br></style><br><br><body><br>"
    a.writeln("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">");
    a.writeln("<html><head>");
    a.writeln("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">");
    a.writeln("<title>代码测试</title>");
    a.writeln("<style>html,body{height:100%;font-size:100%;}</style>");
    a.writeln("</head>");
    a.writeln("<body>");
    a.writeln("TESTTESTTESTTESTTESTTESTTEST");
    a.close();
    }
    </script>
    <div id=div1 style='border:1px solid red'>我是DIV1<button onclick="test2()">点我</button></div>
    <div id=div2 style='border:1px solid blue'><iframe id='myiframe2' src=''></iframe></div>
      

  3.   

    http://baike.baidu.com/view/964150.htm　<html>
    　　<head>
    　　<title>内嵌示例1</title>
    　　</head>
    　　<body>
    　　<iframe src="a.htm" frameborder="0" scrolling="yes" height="100px" width="100px" noresize="noresize"></iframe>
    　　</body>
    　　</html>
    　　这个在页面上显示为一个嵌在页面的框架，没有边框，有滚动条，该框架的大小为长100像素，宽100像素，不被允许拉动页面边框。
    　　<html>
    　　<head>
    　　<title>内嵌示例2</title>
    　　</head>
    　　<body>
    　　<iframe name="res" style="display:none;" src="a.htm" frameborder=“0” scrolling="yes" height="100px" width="100px"></iframe>
    　　<form target="res">
    　　</form>
    　　用隐含的iframe提交数据，可以避免页面刷新。
    　　</body>
    　　</html>