如何用JS动态在网页顶部插入一段<iframe>?

       var IframeObj = document.createElement("iframe");
       IframeObj.width = 100%; //为什么这里%会语法错误？
       IframeObj.height = 10;
       IframeObj.frameborder = 0;
       IframeObj.src="http://www.baidu.com";
       IframeObj.name = "myfrm";
       //document.body.appendChild(IframeObj);
       document.body.insertBefore(IframeObj, document.body.firstChild);我想在网页顶部动态插入一段<iframe>的代码。用来做横的导航条我试了这一段。。但是好像无法保证能形成那种顶部导航条的效果。。不熟JS
请JS达人指教。。

解决方案 »

  1.   

    我用你的代码形成没问题啊。不知道你所指的导航条效果指的是什么。如果是样式问题的话，可以用css来控制。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
     <br/>
      <h1>网页内容
     </BODY>
      <script>
      var IframeObj = document.createElement("iframe");
      IframeObj.width = "100%"; //加了引号  IframeObj.height = 200;
      IframeObj.frameborder = 0;
      IframeObj.src="http://www.baidu.com";
      IframeObj.scrolling = "no";//一般导航栏没有滚动条吧  IframeObj.name = "myfrm";
      //document.body.appendChild(IframeObj);
      document.body.insertBefore(IframeObj, document.body.firstChild);
    </script>
    </HTML>
      

  2.   

    楼主是不是要有滚动条啊，IframeObj.scrolling = "yes";就有了。
      

  3.   

      <SCRIPT LANGUAGE="JavaScript">
      <!--
    var IframeObj = document.createElement("iframe");
      IframeObj.width = '100%'; 
      IframeObj.height = '10px';
      IframeObj.frameborder = 0;
      IframeObj.src="http://www.baidu.com";
      IframeObj.name = "myfrm";
      //document.body.appendChild(IframeObj);
      document.body.insertBefore(IframeObj, document.body.firstChild);
      //-->
      </SCRIPT>
      

  4.   

    100%要加单引号。
    这是js，不是HTML。
      

  5.   

    $("#div").append("<iframe></iframe>");
      

  6.   

    LS 的已经指出来了
    width= "100%" 是字符串！加双引号！