<!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>
    <title>test</title>
    <style type="text/css">
       body{text-align:center;font-size:12px;}
       #wrapper{width:98%;margin:0 auto;text-align:left;}
      #left{float:left;width:20%;}
      #right{float:right;width:75%;}
    </style>
    <script type="text/javascript">
        function frame() {            var nav = document.getElementById("nav");
            var links = nav.getElementsByTagName("a");
            var right = document.getElementById("right");
  
            
            
            for (var i = 0; i < links.length; i++) {
                links[i].onclick = function() {
                    remove();
                    var source = this.getAttribute("href");
                    var frame = document.createElement("iframe");
                    frame.setAttribute("src", source);
                    frame.setAttribute("frameborder", "0");
                    frame.setAttribute("width", "100%");
                    frame.setAttribute("height", "600px");
                    right.appendChild(frame);
                    return false;
                }
                
            }
        }
        
 
        function remove() {
        
            var right = document.getElementById("right");
            if (right.hasChildNodes()) {
                right.removeChild(right.childNodes[0]);
            } 
        }
        window.onload = function() {            frame();
            
        }
    </script>   
</head>
<body>
<div id="wrapper">
<div id="left">
<ul id="nav">
 <li><a href="http://www.g.cn">谷歌中国</a></li>
 <li><a href="http://www.sina.com.cn">新浪</a></li>
 <li><a href="http://www.163.com">网易</a></li>
</ul>
</div>
<div id="right">
</div>
</div></body>
</html>

解决方案 »

  1.   

    var first=true;
      function frame() {  var nav = document.getElementById("nav");
      var links = nav.getElementsByTagName("a");
      var right = document.getElementById("right");
       
        
        
      for (var i = 0; i < links.length; i++) {
      links[i].onclick = function() {
      remove();
      var source = this.getAttribute("href");
      var frame = document.createElement("iframe");
      frame.setAttribute("src", source);
      frame.setAttribute("frameborder", "0");
      frame.setAttribute("width", "100%");
      frame.setAttribute("height", "600px");
      right.appendChild(frame);
      return false;
      }
    if(first)
    {
      links[0].onclick();
      first=false;
    }
    ...
      

  2.   

    用onclick 或直接修改iframe的src即可