父页面怎么给iframe中的页面赋值-Java教程-爱易网页

父页面怎么给iframe中的页面赋值

日期：2014-05-17　浏览次数：20691 次

父页面如何给iframe中的页面赋值
现在有一个父界面，用的是jquery easyui的lay-out框架。
每点击不同的按钮就会用js动态添加一个tab，每个tab中包含一个iframe页面



var content = '<iframe name="1" scrolling="auto" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>';

问题是：怎么根据点击的按钮来给每个iframe页面赋值呢
iframe中的代码如下：



  <body>

        <div class="div-margin-bottom" id="title">标题：<input id="caption" name="caption" style="width:400px;"/></div>

        <p>内容：</p>

        <textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">

        </textarea>

            <p>

                <input id="submit" type="button" value="Submit" onclick="test();"/>

            </p>

  </body>

------解决方案--------------------
给iframe一个id吧，可以使用父页面的document对象获取到iframe的document对象
var zdoc = document.frames[id].document;
zdoc.getElementById('caption').value = ...
就可以了
------解决方案--------------------
如果是父页面一加载就运行JS，是需要判断iframe是否加载完毕的。

使用以下代码可以做判断加载情况：



	if(iframeWindow.document.readyState  == 'complete'){

		//已经加载完，这里赋值

	}else{

                //没有加载完，则每次加载状态改变时都判断一下

		iframeWindow.document.onreadystatechange = function(){

			if(iframeWindow.document.readyState  == 'complete'){

				//已经加载完，这里赋值

			}

		};

	}

iframeWindow就是你取到的那个iframe页面的window对象。