精华内容
下载资源
问答
  • 内联框架

    2021-10-21 23:28:28
    内联框架用于向当前页面中引入一个其他页面 内联框架里的网页不会被搜索引擎所检索,一般情况下很少使用内联框架。 其基本语法为: <iframe src="页面url" frameborder="0"></iframe> <iframe&...
    • 内联框架用于向当前页面中引入一个其他页面
    • 内联框架里的网页不会被搜索引擎所检索,一般情况下很少使用内联框架。

    其基本语法为:

    <iframe src="页面url" frameborder="0"></iframe>

     <iframe>标签的基本属性:

    • src:指定要引入的网页的路径
    • width:设置引入网页的宽度
    • height:设置引入网页的高度
    • frameborder:frame表示内联框架,frameborder表示内联框架的边框,其属性值为0或1,0表示不设置边框,1表示设置边框,默认情况下frameborder的值为1

    示例:

    <iframe src="https://www.bilibili.com" width="800" height="600" frameborder="0"></iframe>

    展开全文
  • 关于内联框架

    2021-01-14 17:21:24
    关于内联框架作者:Dante FungWHAT?概述内联框架(inner frame),是一个非常有用的标签,早期用它来模拟Ajax效果,使用iframe可以在一个表格内调用一个外部文件,非常有用。现在在富本文编辑器开发中它也举足轻重。它...

    关于内联框架

    作者:Dante Fung

    WHAT?

    概述

    内联框架(inner frame),是一个非常有用的标签,早期用它来模拟Ajax效果,使用iframe可以在一个表格内调用一个外部文件,非常有用。现在在富本文编辑器开发中它也举足轻重。

    它又是一个特别的元素,最早出现IE4.0中,后纷纷被其他游览器吸纳,由于IE不开源,iframe在各游览器中都有很大差异。

    WHY?

    1.复用

    比较早期的网站使用 iframe,主要是用于导航栏(navigator)。为什么?

    问题1:一个网站很多页面的导航栏部分是相同的,在避免切换页面的时候重复下载。

    解决方案:将导航栏和正文分开在 iframe中。

    问题2:默认情况下,使用了 iframe的网站的URL不会随着页面的变化而变化意味着一旦刷新,网站可能又回到首页。解决方案:不同后台技术都有自己的方法,比如 ASP有SSI,PHP有require、require_once或include函数,JSP也有include指令。

    优点:解决不同页面使用相同的 navigator而避免重复编码。

    2.标准规范规范之一

    iframe 一直是浏览器标准规范之一,只有很早期的浏览器不支持iframe,现在几乎已绝迹。所以从兼容性上来说,iframe是没问题的。

    WHEN?

    1.网页编辑器(WYSIWYG Online HTML Editor)

    2.富文本编辑器

    3.引入其他页面(我们现在用到的)

    为什么?

    沙箱隔离(sandbox)机制

    iframe 等于新建了一个全新的,不受 parent 影响的页面上下文。iframe 的页面和父页面(parent)是分开的,它意味着,这是一个独立的区域,不受 parent 的 CSS 或者全局的 JavaScript 的影响。

    HOW?

    Step1:API

    1.HTML

    常用属性说明:

    src:文件的路径,既可是HTML文件,也可以是文本、ASP等;

    width、height:"内部框架"区域的宽与高;

    scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项;如果为NO,则不出现滚动条;如果为Yes,则显示;如果为Auto:则自动出现滚动条

    FrameBorder:设置或获取是否显示框架的边框。(1,0或no,yes)

    name:框架的名字,用来进行识别。

    2.HTML DOM

    Step2:implements

    最佳实践(Good Practice)-- --用图说话:

    为什么我要把内联的那个框架叫做子窗口?

    查阅w3cschool文档知:

    既然内联框架在API文档内也叫window,所以我就直接叫它为窗口了,基于其有嵌套关系的原因,因此,确切来说,应该叫子窗口。

    那么,iframe这块区域的子窗口就应该跟普通窗口一样的功能:

    1.页面的转发和重定向都在该窗口内进行。只不过框架这个子窗口不像父窗口有明显的地址栏可以看到地址的变化。

    2.window对象的所有属性和值还有事件都是一样的。

    常见的问题:

    1.有关高度自适应问题

    2.通过iframe访问主页面通过iframe访问主页面

    优缺点:

    iframe的优点:

    1.iframe能够原封不动的把嵌入的网页展现出来。

    2.如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。

    3.网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。

    4.如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。

    iframe的缺点:

    1.会产生很多页面,不容易管理。

    2.iframe框架结构有时会让人感到迷惑,如果框架个数多的话,可能会出现上下、左右滚动条,会分散访问者的注意力,用户体验度差。

    3.代码复杂,无法被一些搜索引擎索引到,这一点很关键,现在的搜索引擎爬虫还不能很好的处理iframe中的内容,所以使用iframe会不利于搜索引擎优化。

    4.很多的移动设备(PDA手机)无法完全显示框架,设备兼容性差。

    5.iframe框架页面会增加服务器的http请求,对于大型网站是不可取的。

    替代方案:

    1.用Ajax来代替iframe。

    2.不同后台技术都有自己的方法。例如:JSP也有include指令。JSP动作标签动态引入。

    参考资料:

    【1】https://www.zhihu.com/question/20653055/answer/15751248

    【2】http://www.cnblogs.com/rubylouvre/archive/2009/08/01/1536710.html

    【3】http://www.cnblogs.com/xugang/archive/2008/02/16/1070431.html

    【4】http://www.lingdublog.com/113.html

    展开全文
  • Axure内联框架

    2021-05-08 08:41:05
    Axure内联框架 内联框架的位置是在default基本元件中,它的用法非常简单。(说的通俗一点,内联框架就是在固定的区域显示内容,如果显示不了可以拖动滚条移动到其他的部分。) 内联框架主要是用来嵌入网页,用来跳转...

    Axure内联框架

    内联框架的位置是在default基本元件中,它的用法非常简单。(说的通俗一点,内联框架就是在固定的区域显示内容,如果显示不了可以拖动滚条移动到其他的部分。)
    内联框架主要是用来嵌入网页,用来跳转页面
    二.内链框架的属性设置
    1.属性_隐藏边框
    默认的内链框架都带有边框,属性上设置则可隐藏
    2.属性_取消滚动条
    默认的内链框架当调用的页面内容大于其窗口的时候,会出现滚动条。属性设置上可以取消滚动条的显示。
    3.属性_预览图片(设置内联框架在画布的默认图片)
    包括:无,视频,图片,自定义(导入预览图片等)四类。
    内联框架调用了内容,但是在隐藏了边框且取消了滚动条的时候,在画布中就看不见这个元件了,为了操作方便,方便查看,所以属性_预览图片。(此属性预览图片设置只是在画布中有效果,在文件预览的时候是看不见的。)
    4.可以设置内联框架在预览中的默认图片
    Axure生成demo,demo根目录放入默认图片,然后内联框架双击,然后直接使用相对路径,调用系统资料文件。则默认图片设置完毕。可以参考本文第一张图。
    本文案例,利用内联框架实现视频课程的目录播放
    1.在Default下选择内联框架,拖至界面上。
    在这里插入图片描述

    2.双击内联框架或者在右侧属性中蓝色字体点击选择框架目标,出现如图界面,可选的有两个:链接到当前项目的页面(即本地的页面)和链接到url(任何正确的网址都行)和文件(本地文件),现在以链接网页为例子做演示,例如输入百度网址https://www.baidu.com。
    在这里插入图片描述

    3.输入网址确认后,点击预览,浏览器中便会出现如下图的效果。
    在这里插入图片描述

    展开全文
  • “动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。3、第三步,设置“元件:框架”为局部变量LVAR1;设置...

    回答:

    Axure添加滚动条步骤如下:

    1、第一步,新建一个“垂直线”,命名为“滚动条”,这里设置为“隐藏”状态;“动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。

    d7e63d9ff3fd2dc81a7b9f383484ec3f.gif

    2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。

    ad73f34af5932e45cc85a9fc0d764520.gif

    3、第三步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以“滚动条”的高为[[LVAR1.height*LVAR1.height/LVAR2.height]];设置“滚动条”的宽为3。

    f26ba35915db34cd26098410abae070a.gif

    4、第四步,设置“框架”的“滚动时”的交互动作。

    ee4037b359225f658503def03a3c7605.gif

    5、第五步,动作1:显示“滚动条”,动画:逐渐,时间:200毫秒。

    6c74a47ab700d64361129d0b1b297323.gif

    6、第六步,动作2:移动“滚动条”,到达指定位置,动画:线性,时间:200毫秒。

    277a32470d30b923e13498f32188ca15.gif

    7、第七步,设置“元件:滚动条”为局部变量LVAR1;所以X的值为[[LVAR1.x]];

    e192069ab07aca2c7b9a0de8ff4ca2cb.gif

    8、第八步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以Y的值为[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]];滚动的时候,显示滚动条;页面内容滚动式,滚动条随着下移;鼠标移出后,滚动条逐渐消失。

    4169df7e013f35bd3aae7874c3255652.gif

    这样就设置好了滚动条。

    展开全文
  • 内联框架的使用方法1.拖入元件,双击,选择系统目标嵌入页面,嵌入对应的页面内容(调用系统页面)2.拖入元件,双击,填写:http://____________/.swf (网址路径,调用外部网络资源)3.拖入元件,双击,填写:file:/C:/...
  • 原标题:Axure9.0教程:通过内联框架引入echarts图表、视频编辑导读:在用Axure绘制原型时,可以通过内联框架引入echarts动态图表、视频等来让原型看起来更为高大上。具体应该如何操作呢?本文作者对此进行了分析,...
  • HTML网页内联框架

    2021-12-14 16:46:42
    HTML网页内联框架iframe 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法: <iframe src="URL"></iframe> 该URL指向不同的网页。 iframe - 设置高度与宽度 height 和 width ...
  • 编辑导语:如何使用Axure去获取页面尺寸,并且使内联框架自适应大小呢?本文作者通过实际操作,进行了记录总结,希望看后对你有所帮助。今天要演示的东西其实很简单,一两分钟就能做完,主要是用来弥补Axure IDE提供...
  • 本次教各位小伙伴使用内联框架来实现页面滚动,除此之外还会有一些小案例 ~先来看看 天猫 首页 顶部栏 的效果 ~(以上图片已是上传的极限, 各位看官要是看不清,请自行下载天猫,打开首页观看)所以今天我们就拿天猫...
  • 内联框架标签

    2020-12-25 20:02:29
    内联框架标签 iframe iframe标签元素会创建包含另外一个文档的内联框架(行内框架) name属性:指定ifram标签的名称,如果a标签中的target属性值是其name属性值,当你点击a标签的时候,对应的超链接内容就会出现在...
  • Axure内联框架插视频

    2021-06-27 10:54:57
    2、在这个文件夹里面放上你需要插入内联框架的视频 3、打开Axure 4、拖出一个内联框架 5、双击内联框架 6、点击链接到url或文件 7、切回你刚刚新建放视频的文件夹,单击这个位置 8、复制这个路径 ...
  • 动态面板和内联框架可以帮助实现。本文作者根据自身经验,从两个方面进行分析,希望对你有帮助。上次分享的《Axure9原型设计:动态面板实现手风琴菜单(低配版)》,只是实现了导航栏,但是页面不止导航栏,就像写代码...
  • “动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。3、第三步,设置“元件:框架”为局部变量LVAR1;设置...
  • 在Axure中内联框架主要用于内部页面引用,外部链接、资源引用等。在整个原型中可以进行不同页面内容以及外部资源的组合。 内联框架样式 添加内联框架目标 引用内部界面 内联框架可以引用目前已创建的页面内容,在...
  • 内联框架的作用:用于向当前页面引入一个其他页面 <iframe src="指定引入网页的路径" frameborder="0"(指定内联框架的边框,0表示没有边框)></iframe>
  • 本次教各位小伙伴使用内联框架来实现页面滚动,除此之外还会有一些小案例 ~先来看看 天猫 首页 顶部栏 的效果 ~(以上图片已是上传的极限, 各位看官要是看不清,请自行下载天猫,打开首页观看)所以今天我们就拿天猫...
  • 如果在index页面的内联框架中,引入video.mp4视频文件,则填入地址为:“video.mp4”或“./video.mp4” 下一层级引入 将video.mp4视频文件放入Video文件夹中,video.mp4就在ndex.html的下一层,如果在index页面的...
  • 一、Axure9内联框架的使用: 1.在Axure9新建一个页面 2.新建一个内联框架 3.双击内联框架,选择超链接到百度地图的网址 4.稍微设置下内联框架的尺寸,例如载入时改变内联框架尺寸,宽度用适用屏幕宽度,高度用...
  • 列表 表格 内联框架

    2020-12-24 15:17:48
    独立的文章内容 aside:相关内容或应用(常用于侧边栏) nav:导航类辅助内容 ** 内联框架 iframe[src] <iframe src="path" name="mainFrame" >iframe> <iframe name="mainFrame" src="subframe/the_second.html" />...
  • 在HTML页面放一个内联框架iframe,并将两个<a>与其关联,当点击链接后,页面直接在iframe中显示,不会重新打开一个页面。 <p> <a href='https://www.baidu.com' target="frame">baidu</a>...
  • Axure9如何实现页面上下滑动效果_内联框架实现法 前言:目前很多博主的文章分享都是采用动态面板实现Axure页面上下滑动效果,现在给大家分享一下用内联框架实现上下滑动的效果。 今天来实现页面此处上下滑动效果...
  • 一、内联框架 1.内联框架的功能 内联框架有两个功能:一个是链接到当前项目的某个文件,一个是链接到一个URL地址
  • “动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。3、第三步,设置“元件:框架”为局部变量LVAR1;设置...
  • 我需要做的是在全屏幕上显示另一个带有第一个图像的...同一HTML5全屏幕上的两个内联框架代码示例:Fullscreen而且(JavaScript的去全屏):function goFullscreen(id) {// Get the element that we want to take int...
  • 标签规定一个内联框架。 一个内联框架被用来在当前 HTML 文档中嵌入另一个文档 <iframe src="http://www.baidu.com"></iframe> 属性 值 描述 align leftrighttopmiddlebottom 规定如
  • 内联框架和CSS

    2021-09-25 15:57:19
    1. 内联框架 内联窗口(框架):在一个窗口中嵌入一个子窗口,在子窗口中显示一个网页。 补充超链接target target="指定的窗口名称" target="childframe" _parent 在上一级窗口打开链接 _top 在顶级窗口打开...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 42,916
精华内容 17,166
关键字:

内联框架