iframe里面怎么写

来源:趣味经验馆 6.48K
1.iframe 里套一个html 路径怎么写

1。

iframe里面怎么写

这是个整体的页面;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<meta ; charset=utf-8" />Untitled Document<style type="text/css">.tt { color: #F00; }</style><body>

这是头部

这是内容

这里是结尾
2.保存这个页面为2.html<meta ; charset=utf-8" />Untitled Document<style type="text/css">.tt { color: #F00; }</style><body>

这是内容

3。引用上面保存的2.html页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <meta ; charset=utf-8" />Untitled Document<style type="text/css">.tt { color: #F00; }</style><body>

这是头部

<iframe src="2.html" width="160" height="60" frameborder="0" scrolling="no"></iframe>
这里是结尾

2.网页中有个iframe里面加载着一个小网页,怎么写代码自动调整iframe

给iframe加onload事件:

<iframe onl oad=“resetHeight(this)" src="abc.html"></iframe>

<script type="text/javascript">

//如果涉及到跨域的话就没用了

//因为如果你框架的是别人的网站页面

//浏览器是不允许你操作别人的页面的,所以你将什么也做不了

//这个应该能理解的吧?呵呵

function test(iframe){

var h=iframe.contentWindow.document.body.offsetHeight+10;

iframe.height=h;

}

</script>

3.获取的数据如何写入到iframe里面

总感觉这是一个很基本的认识错误,新人经常犯这个错,style的height不代表页面高度,只代表属性值里面的数据,如果高度auto了去拿这个数据只能拿到0,一般都是用offsetHeight这类属性的。响应式页面布局的基础内容你需要巩固一下。

我没做过类似的页面,IFRAME里面的页面理论上可以当作一个整体再处理,页面的嵌套而已,应该没啥难度的。

顺便注意一下性能问题,用offsetHeight这类属性会重新渲染一次页面,大量调用相当烧性能,我暂时也不知道有什么更好的方式,如果找到可以避免这类性能问题的方式别忘了回来告诉我谢谢。

4.如何设置一个写在iframe里面的div的绝对坐标位置(相对整个显示器)

你说的意思我倒是看懂了,不过恐怕不太好实现,因为你的DIV是写在子页里的,如果父窗体发生变化,那怎么办?要不你就试试,类似如下你在子页用JS设置:

div.style.cssText="position:absolute;left:0;top:0;width:500px; height:100px; z-index:1;background-color: #ffffff; layer-background-color: #ffffff;";

不过我估计可能实现不了,因为你毕竟是在子页面中。不过如果你在父窗体里设置DIV,然后在IFRAME里调它,是不是更可行一些?

5.获取的数据如何写入到iframe里面

总感觉这是一个很基本的认识错误,新人经常犯这个错,style的height不代表页面高度,只代表属性值里面的数据,如果高度auto了去拿这个数据只能拿到0,一般都是用offsetHeight这类属性的。

响应式页面布局的基础内容你需要巩固一下。我没做过类似的页面,IFRAME里面的页面理论上可以当作一个整体再处理,页面的嵌套而已,应该没啥难度的。

顺便注意一下性能问题,用offsetHeight这类属性会重新渲染一次页面,大量调用相当烧性能,我暂时也不知道有什么更好的方式,如果找到可以避免这类性能问题的方式别忘了回来告诉我谢谢。

6.求救啊,Iframe的代码怎么写才能自适应内容的高度啊

实现方法很简单:

假设Parent.Asp 包含有一个名为 News 的Iframe.Asp,那么在Parent.asp我们如下设置

&lt;table border=1&gt;

&lt;tr&gt;

&lt;td id=iHeight&gt;

&lt;iframe name="news" width=100% height=100% src="Iframe.Asp" frameborder=no scrolling=no &gt;&lt;/iframe&gt;

&lt;/td&gt;

&lt;/tr&gt;

&lt;/table&gt;

在Iframe.Asp里&lt;body&gt;写入如下代码:

&lt;body onl oad="parent.document.all.iHeight.height=this.document.body.scrollHeight+10;"&gt;

通过以上即可达到Iframe的高度及大小随帧内容的大小而自动改变的效果,而不会影响你原来页面效果,非常方便!

演示地址为:/Article/index.asp?ClassID=23

7.求救啊,Iframe的代码怎么写才能自适应内容的高度啊

我做过一个例子,不过只能在IE下面测试通过。

可以高度自适应。在IE下也支持加载远程的页面,不过要在远程页面的body开始部分加上<body onl oad="window.clipboardData.setData('text',String('frameHeight='+window.document.body.scrollHeight))">这句话。

在FF之类的非IE浏览器上不行。下面我附上地址,你可以过去看看。

有个例子可以参考一下。/blog/316987。

热门标签