Iframe 参数列表

摘要:
边距高度:表格顶部为网页内容保留的高度;Hspace:网页右上角的横坐标;Vspace:网页右上角的纵坐标;边框:是否显示边;“1”表示“是”,“0”表示“否”滚动:滚动条是否出现;“1”表示“是”,“0”表示“否”。其他文件是否可以嵌入到HTM文件中,如PHP和ASP文件?接下来,作者介绍了使用iframe的实现方法。iframe元素的功能是在文档中嵌入文档并创建浮动框架。

<Iframe src="http://t.zoukankan.com/example.htm" heitht="100"></IFRAME>
  example.htm 是被嵌入的页面,标签 <IFRAME> 还有一些可用的参数设置如下:
  margin网页中内容在表格右侧的预留宽度;例如:marginwidth="20",单位是 pix,下同。
  marginheight:网页中内容在表格顶部预留的高度;
  hspace:网页右上角的的横坐标;
  vspace:网页右上角的纵坐标;
  frameborder:是否显示边缘;填"1"表示"是",填"0"表示"否"
  scrolling:是否出现滚动条;填"1"表示"是",填"0"表示"否"
在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。
  iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:
  name:内嵌帧名称
  width:内嵌帧宽度(可用像素值或百分比)
  height:内嵌帧高度(可用像素值或百分比)
  frameborder:内嵌帧边框
  marginwidth:帧内文本的左右页边距
  marginheight:帧内文本的上下页边距
  scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
  src:内嵌入文件的地址
  style:内嵌文档的样式(如设置文档背景等)
  allowtransparency:是否允许透明
  明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中
让iframe自动适应内容的高度
<script>
function autoResize()
{
try
{
document.all["inner"].style.height=inner.document.body.scrollHeight
}
catch(e){}
}
</script>
<iframe name="inner" src="http://t.zoukankan.com/ads/?ad=google&ad2=biz2008" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" style="height:expression(1); aho:expression(autoResize())"></iframe>

免责声明:文章转载自《Iframe 参数列表》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇php openssl相关加密解密 验签代码Unity中Instantiate物体失效问题下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

submit提交表单后,不刷新当前页面

<form method="get" target="test" action="a.html"> <input type=""text /> <input type="submit" /> </form> <iframe name="test" style="display:none">...

【JS】前端文件下载(无刷新)方法总结

#传统方法 利用iframe 或 form.submit 或 windows.open直接向后端发请求,后端返回文件流,后端处理成功后会直接返回到页面,浏览器会整理并打开自己的保存下载文件机制 。 1、利用form.submit直接向后端提交,后端返回文件流 1)前端代码: 1 var downloadURL = "RestHandle.ashx"; 2...

photo-sphere-viewer.js实现全景图

photo-sphere-viewer.js是一个基于three.js的全景插件 1、能添加热点;2、能调用陀螺仪;3、操作简单,提供一张全景图片即可(大多数手机都可以拍摄)   官网:https://photo-sphere-viewer.js.org/ 使用方法很简单,直接去官网参考example和api使用文档,github上下载源码即可。 建议不要...

Iframe自适应其页面高度[转]

程序代码: function SetWinHeight(obj) {  var win=obj;  if (document.getElementById)  {   if (win && !window.opera)   {    if (win.contentDocument && win.contentDocument...

Web自动化学习(4)

1、Selenium中有哪些不同类型的定位器? 定位器可以看作一个地址,用于在网页中唯一标识一个页面元素,为了准确地识别Web元素 Selenium中有8种不同的定位方式:ID;ClassName;Name;TagName;LinkText;PartialLinkText;Xpath;CSS Selector。 2、什么是XPath? 元素定位方式的一种...

嵌入式iframe子页面与父页面js通信方式

iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信。 一、同域下父子页面的通信 父页面 parent.html 1 <html> 2 <head> 3 <script typ...