a.htm代码:
<div name="div_left" style="position:absolute; "><iframe name="ifr_left" src="b.htm" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0"></iframe></div>b.htm代码:
<script language="javascript">
this.parentElement.parentElement.style.top=115;
this.parentElement.parentElement.style.left=5;
</script>
<div></div>
要求:
1、将a.htm中的div定位到b.htm指定的位置,注意只能在b.htm中设置位置参数
2、a.htm中的iframe,div能自动适应b.htm中div的大小,以后b.htm的div可能会有增加,总之a.htm的iframe,div需要能自动适应b.htm中内容的大小
<div name="div_left" style="position:absolute; "><iframe name="ifr_left" src="b.htm" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="0"></iframe></div>b.htm代码:
<script language="javascript">
this.parentElement.parentElement.style.top=115;
this.parentElement.parentElement.style.left=5;
</script>
<div></div>
要求:
1、将a.htm中的div定位到b.htm指定的位置,注意只能在b.htm中设置位置参数
2、a.htm中的iframe,div能自动适应b.htm中div的大小,以后b.htm的div可能会有增加,总之a.htm的iframe,div需要能自动适应b.htm中内容的大小
解决方案 »
- DIV未添加到body之前怎样知道DIV的实际宽度
- 如何在页面最大化完成后调用方法?
- 关于字符串变量中双引号问题
- th.onclick出现未定义
- document.write一个iframe出问题
- 类似Outlook Express的内嵌网页Outlook Today是如何与软件交互的?--响应软件事件、消息等.
- 中文检验问题,我搜索了所有的CSDN文章里方法还是有个问题没有解决!!
- JaveScript中出现运行时错误,具体描述如下,那位大虾能解决,谢谢!
- 页面宽度自适应问题求教
- 登录界面如何实现固定账号密码登陆成功之后自动跳转到指定网页
- jQuery 关于JQuery的选择问题?
- 问写兼容的问题?基础问题
<iframe name="ifr_left" id="ifr_left" src="b.html" marginwidth="0" marginheight="0" align="middle" scrolling="no" frameborder="1"></iframe>
</div>b.html<div id="div1">
长度不固定
<br/>
1
</div><script>
window.onload = function(){
var width = document.getElementById("div1").offsetWidth;
var height = document.getElementById("div1").offsetHeight;
parent.document.getElementById("ifr_left").style.width = width + "px";
parent.document.getElementById("ifr_left").style.height = height + "px";
parent.document.getElementById("ifr_left").parentNode.style.top = "123px";
parent.document.getElementById("ifr_left").parentNode.style.left = "456px";
}
</script>
parent.document.getElementById("ifr_left")
以上这个语句,能不能改为不指定控件的name,因为原来的代码中,有的可能没有name,如果手工加的话,工作量很大。
如果只有一个 iframe ,可以如下,如果有多个,就没办法了window.onload = function(){
var width = document.getElementById("div1").offsetWidth;
var height = document.getElementById("div1").offsetHeight; parent.document.getElementsByTagName("iframe")[0].style.width = width + "px";
parent.document.getElementsByTagName("iframe")[0].style.height = height + "px";
parent.document.getElementsByTagName("iframe")[0].parentNode.style.top = "123px";
parent.document.getElementsByTagName("iframe")[0].parentNode.style.left = "456px";
}
在实际代码里,b.htm是另外一个服务器上的,而且是asp文件。也就是说在a.htm的iframe引用的地址是b.asp, 我用你的改写后,还是不行,那个a.htm的div在页面的左下方,位置不对,应该是左上方。
而且提示页面错误,拒绝访问,出错的语句是parent.document.getElementsByTagName("iframe")[0].style.width= width+"px";
感觉好像是没取到对象
当然,提交给 a.html 所在服务器,或提供了接口,还是可以操作的
a.htm是用来给一个单机程序内嵌浏览器使用的,在客户端,没有服务器,呵呵,有没有其他解决办法呢。其实最终目的是用一个服务器上的asp文件,控制客户端单机程序的显示问题(就是在a.htm),如图片的摆放位置等等