精华内容
下载资源
问答
  • 页面嵌套

    2019-04-13 10:23:59
    在做项目的时候我们经常要实现一个功能就是页面嵌套。如何实现在一个页面中嵌套另一个子页面呢?其实很简单,我们只需要一个iframe标签。 iframe标签的效果就是在这个页面中填写路径使得另一个路径的页面成为它的子...

    在做项目的时候我们经常要实现一个功能就是页面嵌套。如何实现在一个页面中嵌套另一个子页面呢?其实很简单,我们只需要一个iframe标签。

    iframe标签的效果就是在这个页面中填写路径使得另一个路径的页面成为它的子页面,从而实现页面嵌套的效果。iframe有一个src属性,和image标签属性相同。src属性就是html指向url的一个标识,想要跳转到什么页面填入路径即可。

    例如
    在这里插入图片描述

    在页面中嵌套了百度的首页。

    我们看到如下效果

    在这里插入图片描述

    百度首页被我成功嵌套了进来。

    但是这个时候我们会发现一个问题,百度的网页被压缩的只剩下顶部的一部分了。这样既不美观也影响用户实际操作,那么我们如何该如何解决呢?

    我们需要根据浏览器的大小来调整iframe的高度。

    我们给它一个方法,重新设置浏览器的高度。首先我们要去获取浏览器内部的高度

    在这里插入图片描述

    获取之后我们便可写核心代码

    在这里插入图片描述

    根据获取的浏览器窗口的高度,在判断浏览器顶部底部各种边框所占的高度,最后我们获取到嵌套页面所适高度应该为浏览器高度减去110个像素的高度。

    下面我们来看下效果

    在这里插入图片描述

    这样我们的页面就被撑开了。

    注:最好撑开到没有滚动条的高度,因为当外部有滚动条,子页面也有滚动条的时候,压缩浏览器就会出现两个滚动条的情况,影响美观与实际操作。

    展开全文
  • iframe标签(页面嵌套

    万次阅读 多人点赞 2019-06-18 08:49:29
    开发工具与关键技术:VS <iframe> 作者:听民谣的老猫 撰写时间:2019/6/10 18:15 上面两张图是两个不同的页面但是它们的基本框架都是一样,每点击一次左边...我们可以用页面嵌套方法来达到这一要求。页面嵌...
    开发工具与关键技术:VS    <iframe>
    作者:听民谣的老猫
    撰写时间:2019/6/10   18:15
    

    在这里插入图片描述
    在这里插入图片描述

    上面两张图是两个不同的页面但是它们的基本框架都是一样,每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的,改变的是中间的内容。

    有没有什么方法可以不改变外面的基本框架只改变中间的内容???

    在这里插入图片描述
    我们可以用页面嵌套方法来达到这一要求。页面嵌套的方法有很多种,在这我用的是标签来达到页面嵌套的效果。

    定义: 标签规定一个内联框架,在当前html中嵌入另一个文档;
    语法:

    的一些常用属性
    参数 解析
    align 根据周围的文字排列 iframe。
    frameBorder 是否显示框架周围的边框。
    noResize 框架是否可调整大小
    scrolling 框架是否有滚动条。
    src 被嵌入html中文档的URL。

    实列:
    在这里插入图片描述
    将开始截的图片嵌入内容改成百度首页
    在这里插入图片描述
    可以看出百度首页已经被嵌入我们这个页面了,但是嵌入后页面出现了滚动条,嵌入页面的滚动条影响了用户体验和页面美观所以我们得去除掉这个滚动条。其实就是设置iframe的高度,等于内嵌网页的高度,这样就看不出来滚动条和嵌套痕迹。
    自动调节iframe高度Js代码

    //根据浏览器大小调整iframe高度
            reSetSize();
            window.onresize = reSetSize;
            function reSetSize() {
                var windowsHeight = window.innerHeight;
                document.getElementById("content").style.height = (windowsHeight-框架顶部高度) + "px";
            }
    

    解析:
    将你嵌入页面的高度设置成屏幕可视高度减去原框架顶部和底部高度(宽度设置同理)。

    展开全文
  • 常用嵌套页面方法 1.iframe  2.object ” 常用防止页面嵌套的方法

    一、常用嵌套页面方法

    1.iframe 

    < iframe name="XXX" width=“x” height=“x” frameborder="0" src="XXX.htm" >< /iframe >

    2.object

    <object style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=“x” height=“x” >< /object>”


    二、常用防止页面嵌套的方法


    X-Frame-Options是一个HTTP标头(header),用来告诉浏览器这个网页是否可以放在iFrame内。例如:·

    X-Frame-Options: DENY
    X-Frame-Options: SAMEORIGIN
    X-Frame-Options: ALLOW-FROM http://caibaojian.com


    使用X-Frame-Options 响应头


    X-Frame-Options 有三个值:

    DENY

    表示该页面不允许在 frame 中展示,即便是在相同域名的页面中嵌套也不允许。

    SAMEORIGIN

    表示该页面可以在相同域名页面的 frame 中展示。

    ALLOW-FROM uri

    表示该页面可以在指定来源的 frame 中展示。

    换一句话说,如果设置为 DENY,不光在别人的网站 frame 嵌入时会无法加载,在同域名页面中同样会无法加载。另一方面,如果设置为 SAMEORIGIN,那么页面就可以在同域名页面的 frame 中嵌套。

    1.通过标签

    <metahttp-equiv="X-Frame-Options"content="deny">

    <meta http-equiv="X-Frame-Options" content="SAMEORIGIN">

    <metahttp-equiv="X-Frame-Options"content="ALLOW-FROM">


    2.通过response设置

    response.setHeader("X-Frame-Options","SAMEORIGIN");

    3.添加配置

    配置 Apache

    配置 Apache 在所有页面上发送 X-Frame-Options 响应头,需要把下面这行添加到 'site' 的配置中:

    Header always append X-Frame-Options SAMEORIGIN

    配置 nginx

    配置 nginx 发送 X-Frame-Options 响应头,把下面这行添加到 'http', 'server' 或者 'location' 的配置中:

    add_header X-Frame-Options SAMEORIGIN;

    配置 IIS

    配置 IIS 发送 X-Frame-Options 响应头,添加下面的配置到 Web.config 文件中:

    <system.webServer>

      ...

    
    

      <httpProtocol>

        <customHeaders>

          <add name="X-Frame-Options" value="SAMEORIGIN" />

        </customHeaders>

      </httpProtocol>

      ...

    </system.webServer>

    注:使用X-Frame-Options后该页面将无法嵌入其他页面

    参考

    https://developer.mozilla.org/zh-CN/docs/Web/HTTP/X-Frame-Options?redirectlocale=en-US&redirectslug=The_X-FRAME-OPTIONS_response_header

    http://blog.csdn.net/lingchen1112/article/details/42519757


    展开全文
  • 如何将一个html页面嵌套在另一个页面中 1.IFrame引入 你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用 2.方式 3.Behavior的download方式 functiononDownloadDone(downDate){ ...

    如何将一个html页面嵌套在另一个页面中

    1.IFrame引入 

    <IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME> 

    你会看到一个外部引入的文件,但会发现有一个类似外框的东西将其包围,可使用

    <iframe name="content_frame" marginwidth=0 marginheight=0 width=100% height=30 src="import.htm" frameborder=0></iframe> 

    2.<object>方式

    <object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30></object>

    3.Behavior的download方式

    <span id=showImport></span> 

    <IE:Download ID="oDownload" STYLE="behavior:url(#default#download)" /> 

    <script> 

    function onDownloadDone(downDate){ 

    showImport.innerHTML=downDate 

    oDownload.startDownload('import.htm',onDownloadDone) 

    </script> 

    展开全文
  • 如何将一个jsp页面嵌套在另一个页面中 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页面只需要包含(引用)这个通用文件即可。这样便于维护,如果有很多网页,当通用内容...
  • 页面嵌套页面Do you use pages in WordPress? If so, then you probably understand how frustrating it is to manage a site with a lot of WordPress pages. The default WordPress interface doesn’t allow you ...
  • 页面嵌套与页面跳转

    千次阅读 2019-04-07 11:59:43
    1、页面嵌套: 一般地,如果我们想要在一个页面当中嵌套另外一个页面,将它们组合成一个页面,这在软件开发的过程中是经常会遇到的,如果你没有熟悉或者没有这个概念的话,那么你的开发之旅将会困难重重。 想想会...
  • iframe页面嵌套问题

    万次阅读 2019-06-09 18:55:37
    iframe页面嵌套问题 开发工具与关键技术:VisualStudio C# 作者:落灵 撰写时间:2019/6/8 一、 iframe的框架根据内容自适应高度 iframe是在项目设计中经常用到的框架标签。而它的作用就是把页面嵌套在自身形成的...
  • WPF页面嵌套

    千次阅读 2019-06-17 19:56:35
    在WPF中如何把一个页面嵌套在一个床口中呢? 首先要创建一个用户控件,把要嵌套的内容写到用户控件中。 然后在主窗口中放一个按钮和选项卡设置好样式,给窗口一个加载事件、给按钮一个点击事件 再声明一个全局变量...
  • VUE前端页面嵌套

    2021-03-12 10:25:53
    VUE前端页面嵌套 可能多个页面使用同样的样式,同样的代码,这时可以像java一样把代码提出来使用! 例如: 这个导航栏 主页,商品页面等页面多重运用 创建一个vue页面放置共用代码 此页面为调用页面 引入共用组件路径...
  • 利用iframe页面嵌套

    千次阅读 2019-07-07 10:29:27
    利用iframe页面嵌套 嵌套页面不是跳转页面,不知道你们有没有弄错,反正我就弄错了,把跳转误以为是嵌套,是一个朋友把我给纠正过来的。 所以我认为有必要分享一下。 这个是嵌套的框架 !-- ===================...
  • 对于页面嵌套跟跳转,在日常的项目当中是经常用的,也可以说是必须要用到的一项功能,其实页面嵌套跟跳转类型是相似的,但是代码的写法是有一定的差距的。那么页面跳转的代码量是非常的少的,也可以说是很简繁就能...
  • jsp页面嵌套pdf

    2020-02-15 15:01:19
    jsp页面嵌套数据 https://www.cnblogs.com/mengzw/p/4754757.html 效果图:
  • 简单的页面嵌套

    2019-06-28 14:55:38
    简单的页面嵌套 我们浏览网站时,经常能看到网页里面显示一些网页,这是怎么做到的呢,很多人以为我说的是使用a 标签链接,用来将一张页面链接到另一张页面。但我说的并不是这个,我要说的是iframe标签,这是用于...
  • 页面嵌套的实现

    千次阅读 2019-04-15 11:03:32
    于是想到只打开一个页面,然后在这个页面点击相应按钮显示对应的页面,即页面嵌套。 我是使用<iframe>元素实现的,且不说<iframe>能耗高,安全性太差这些缺点,就它的功能来说是很强大的。 这里实现的是...
  • 用iframe完成页面嵌套

    千次阅读 2019-06-09 11:29:25
    用iframe完成页面嵌套 作者:吱韩菌 开发工具:Visual Studio 2015 撰写时间:2019-5-31 今天要给大家展示的是如何运用iframe标签完成页面嵌套。下面我们要做的是用iframe完成页面嵌套后,点击(选座、办登机牌)...
  • Android页面嵌套那些事

    2019-10-16 14:47:01
    前段时间做一个页面需求,就是经典的复杂嵌套,scrollview嵌套viewPager+fragment,其中fragment是一个recyclerView,虽然官方不建议这种页面嵌套,但这种页面布局在开发中是很常见的一种,此篇文章记录一下开发过程中...
  • 主要介绍了使用AngularJS来实现HTML页面嵌套的方法,主要用到了AngularJS中的ng-include指令,需要的朋友可以参考下
  • 主要介绍了html页面嵌套使用示例(frameset使用方法),需要的朋友可以参考下
  • Iframe页面嵌套

    万次阅读 2019-05-15 19:30:53
    在做项目的时候为了方便经常会用到嵌套标签来嵌套页面。因为一个系统里会有多个大模块,每一个大模块里又有好多个小模块,而每一个小模块又是由页面构建而成。所以,做项目的时候就会在模版里面嵌套内容。在主页面上...
  • html页面嵌套其他网站页面的方法

    千次阅读 2020-05-09 20:45:11
    直接上代码:html页面嵌套其他网站页面的方法 <div> <!--第一种:使用object标签--> <object type="text/html" data="https://www.baidu.com" style="width:1000px; height:1000px"> <p>...
  • 在引入的js 文件里面 ...script type="text/javascript"> </script>...之前在学习的时候,也遇到过页面嵌套的问题,当时使用的是 代码1.1 > ,但是这次使用的时候没有起到作用,在网上查...
  • 有时用户希望实现更复杂的报表调用要求,例如页面嵌套的方式展现报表,或使用JSP标签的方式展现报表等。 页面嵌套的方式展现 可以通过iframe方式在一个页面中嵌入产品的通用报表展现页面,报表展现页面可以...
  • JSP页面嵌套word组件,实现Office软件中所有功能的调用
  • Html页面嵌套页面练习

    2018-05-19 19:07:53
    好看的Html页面优化,实现网页之间的衔接,主页、注册、登陆,进入网页自动播放音乐,主页右上角是视频,左下角是页面切换的按钮

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,339
精华内容 4,935
关键字:

页面嵌套