1、Iframe 定义内联的子窗口(框架),用于在网页内显示网页

语法:

  • <iframe src="URL"></iframe>URL 指向隔离页面的位置,height 和 width 属性用于规定 iframe 的高度和宽度。
  • frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 "0" 就可以移除边框。
  • <iframe src="demo_iframe.htm" frameborder="0"></iframe>
  • 链接的 target 属性必须引用 iframe 的 name 属性
  • <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
  • <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

iframe的概念:

  • iframe是文档内的窗口,显示网页
  • scrolling:是否出现的滚动条,yes、no、auto(默认)
  • frameborder:是否出现边框,0表示无,1表示有
  • marginwidth:内容与

<iframe src="http://www.baidu.com" frameborder="1" width="200" height="400"

marginwidth="500"marginheight="300" scrolling="auto">

  • frameborder="1" 设置窗口边框大小
  • width="200"  窗口宽
  • height="400" 窗口高
  • marginwidth="500"属性规定框架内容与框架的左侧和右侧之间的高度,以像素计,效果不大,很多浏览器都不支持
  • marginheight="300" 属性规定框架内容与框架的上方和下方之间的高度,以像素计,效果不大,很多浏览器都不支持
  • scrolling="auto" ,yes -- 显示滚动条,no -- 不显示滚动条,auto当需要时再显示滚动条,缺省值为autoscroll,中文"滚动轴"的意思

2、frame框架

实例:

 <form>
<a href="http://www.baidu.com" target="myiframe">打开百度</a>
<a href="http://www.qq.com" target="myiframe">打开百度</a>
<iframe src="http://www.qq.com" frameborder="1" width="500" height="500"
name="myiframe">打开</iframe>
</form>

注: a标签是一个超链接,target属性设置一个名字,为了跟框架窗口链接的,在窗口中也显示这个地 址的内容。

iframe(框架)里的src:属性设置了以地址,frameborder设置边框,即宽高,name属性设置为a 标签中的target名称

效果: 打开网页时,框架窗口的里会自动打开src所链接的地址内容,但是当你单击打开百度时,框架中
会显示iframe所设置的对应的target所在的a标签链接的地址。

a标签:

3、a用做锚点:

<h2 id="top">哈哈</h2>,设置id
<a href="#top">返回顶部</a>,单击“返回顶部”即可返回到h2所在的
地方

还可返回到指定的位置,只有每个点设置相应的属性,如上。

Iframe 定义内联的子窗口(框架)的更多相关文章

  1. 子窗口访问父页面iframe中的iframe,top打开的子窗口访问父页面中的iframe中的iframe

    子窗口访问父页面iframe中的iframe 子窗口访问最顶层页面中的iframe中的iframe top打开的子窗口访问父页面中的iframe中的iframe top打开的子窗口访问最顶层页面中的i ...

  2. web兼容学习分析笔记--块级、内联、内联块级元素

    一.块级.内联.内联块级元素 (1)块级元素:block **独占一行 **可设置width,height,margin,padding **内部可包含块级或内联元素 (3)内联(行内)元素:inli ...

  3. Iframe内联框架

    iframe:内联框架标签,用于在网页中任意的位置嵌入另一个网页 <iframe src="url地址"> </iframe> iframe标签的常用属性 ...

  4. 父窗口和iframe子窗口之间相互传递参数和调用函数或方法

    1.父窗口向子窗口传递参数: 可以在url中添加参数:2.html?a=1&b=2&c=3 然后在子页面上可用js解析,提供一个函数: function getQueryStr(sAr ...

  5. 父窗口调用iframe子窗口方法

    一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></i ...

  6. (转载)内联函数inline和宏定义

    (转载)http://blog.csdn.net/chdhust/article/details/8036233 内联函数inline和宏定义   内联函数的优越性: 一:inline定义的类的内联函 ...

  7. 我的c++学习(6)默认参数和内联函数

    默认参数 一般情况下,函数调用时实参个数应与形参相同,但为了更方便地使用函数,C++也允许定义具有默认参数的函数,这种函数调用时实参个数可以与形参不相同.“默认参数”指在定义或声明函数时为形参指定默认 ...

  8. 为什么内联函数,构造函数,静态成员函数不能为virtual函数

    http://blog.csdn.net/freeboy1015/article/details/7635012 为什么内联函数,构造函数,静态成员函数不能为virtual函数? 1> 内联函数 ...

  9. c++内联函数与静态函数

    不能是虚函数的成员函数有:静态成员函数,内联成员函数,构造函数.没有什么函数需要硬性规定为虚函数,一般析构函数会被定义为虚函数其他就是在继承类中可能需要override的类成员函数应该定义为虚函数 h ...

随机推荐

  1. 安装 Python IDLE (Linux)

    Python IDLE (Integrated Development and Learning Environment) 是一个官方的轻量级 Python IDE.在不同的 Linux 的发布版本中 ...

  2. 京东原来你运用的这玩意,不错,我也要!! ContainerDNS

    转自社区 ContainerDNS 本文介绍的 DNS 命名为 ContainerDNS,作为京东商城软件定义数据中心的关键基础服务之一,具有以下特点: 分布式,高可用 自动发现服务域名 后端探活 易 ...

  3. 【Oracle】锁表处理 SQL 错误: ORA-00054: 资源正忙, 但指定以 NOWAIT 方式获取资源, 或者超时失效

    问题描述有时候ORACLE数据的某些表由于频繁操作,而且比较大,会导致锁表(死锁). 问题分析(1)锁的分析ORACLE里锁有以下几种模式:0:none1:null 空2:Row-S 行共享(RS): ...

  4. 关于hashcode 里面 使用31 系数的问题

    首先我们来了解一下hashcode,什么是hashcode?有什么作用? hashcode其实就是散列码,使用hashcode使用高效率的哈希算法来定位查找对象! 我们在使用容器来存储数据的时候会计算 ...

  5. iOS设计模式 - 适配器

    iOS设计模式 - 适配器 效果 说明 1. 为了让客户端尽可能的通用,我们使用适配器模式来隔离客户端与外部参数的联系,只让客户端与适配器通信. 2. 本教程实现了适配器模式的类适配器与对象适配器两种 ...

  6. Django路由系统---Django重点之url别名

    django重点之url别名[参数名必须是name,格式是name="XXX] 不论后台路径如何进行修改路径,前台访问的路径不变,永远是alias, 这样方便开发 前台根据 {{ url & ...

  7. laravel with嵌套的渴求式加载

    今天在通过需求表A查询场地类型表B,然后通过表B的场地类型id去查询表C场地类型名的时候遇到了一个小的问题. 需求表A的字段:id.user_id .name等等: 中间表B的字段:id.appeal ...

  8. shell基础学习

    1. #! /bin/bash #设置只读变量,只读变量不可修改myUrl="http://www.baidu.com"readonly myUrl #删除变量,unset不能删除 ...

  9. select poll epoll Linux高并发网络编程模型

    0 发展历程 同步阻塞迭代模型-->多进程并发模型-->多线程并发模型-->select-->poll-->epoll-->... 1 同步阻塞迭代模型 bind( ...

  10. c++ 基类,派生类的类型兼容性

    #include <iostream> using namespace std; class CFather { public: void display() const { cout&l ...