精华内容
下载资源
问答
  • 在你的网页嵌入外部网页的方法
  • uniapp内嵌入外部页面

    千次阅读 2021-04-21 15:27:32
    uniapp内嵌入外部页面 嵌入外部页面 找到了两种解决方法: 1,iframe <iframe src="https://blog.csdn.net/weixin_44794123?spm=1001.2101.3001.5343" :style="{ height: this.app_height * 0.5 + 'rpx',width: ...

    uniapp内嵌入外部页面

    嵌入外部页面

    找到了两种解决方法:

    1,iframe

    <iframe src="https://blog.csdn.net/weixin_44794123?spm=1001.2101.3001.5343" :style="{ height: this.app_height * 0.5 + 'rpx',width:  this.app_height * 100 + 'rpx' }" >
    </iframe>
    

    使用iframe,会出现布局错乱,然后需要手动去适配app在不同设备上的样式问题

    2,web-view

    web-view是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。

     <web-view src="https://blog.csdn.net/weixin_44794123?spm=1001.2101.3001.5343"></web-view>
    

    参考:unipp官网

    展开全文
  • 网页嵌入外部页面的四种方法

    千次阅读 2015-03-24 17:06:49
    要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 如果想在嵌入外部页面过长时不出现滚动条,在外部文件标签中加入...

    轉自:http://blog.chinaunix.net/uid-10951-id-2975832.html

    一.应用框架技术 
    要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“< IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm" >< /IFRAME >”语句即可(注意: < IFRAME >标签中的各种属性含义请查阅相关技术手册)。

    如果想在嵌入的外部页面过长时不出现滚动条,在外部文件< body >标签中加入“scroll=no”或者在宿主页面< IFRAME >标签中加入“scrolling=no”即可。

    但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意,如果您使用的是IE 5.5或以上版本的话,直接在标签< IFRAME >内设置属性allowTransparency="true"(即框架背景透明)即可。

     在应用框架技术时,为什么不使用框架页面(即< FRAMESET >)呢?现在有很多网站是通过使用框架页面来分割版面的,并达到了统一网站整体风格的目的,但笔者的体会是框架页面的操作灵活性较差,不像内建框架(即< IFRAME >)这样可以在宿主页面中的任何位置插入。

    框架透明,可以在嵌入的頁面的body中加:style="background-color:transparent"。或者在iframe中加allowtransparency="true"。有時會無效。

    二.使用Scriptlets组件技术

    应用这种技术的方法是在宿主页面中包含外部页面的位置插入“< OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X >< /OBJECT >”语句即可(注意: < OBJECT >标签中的各种属性含义请查阅相关技术手册)。

    在IE 5.0及以后版本中,scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC),其特点类似于上文所讲的框架技术。它有自己的不透明方形区域,并覆盖在宿主页面上,因此不能很平滑地用于具有纹理背景的宿主页面中,其工作方式类似于ActiveX控件,具有自己独立的事件、方法和属性。

    三.使用脚本文件技术

     我们知道document.write方法可以在宿主页面中输出内容,这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“< SCRIPT language="javascript" src="import.js" >< /SCRIPT >”,然后对外部页面进行改造,将每一行内容写入document.write中,并另外保存在扩展名为js的新文件中。

     这种方法的特点是外部页面不具有自己的方形区域,和宿主页面浑然一体,但由于外部页面内容全部写在脚本中,无法做到所见即所得,必须等到脚本运行时才能看到实际效果,这样就为修改调试增加了困难。

    四.使用内置行为技术

     在IE 5.0及以后版本,引入了一项被称为“DHTML行为”的新功能,并在其中内置了许多默认行为。当将一种行为应用于宿主页面上的标准HTML元素时,它可以增强该元素的默认功能,并提供该行为中定义的任何新方法、属性或事件。其实大家对行为技术并不陌生,微电脑世界2001年18期的《主页加入收藏设置面面观》一文就提到了利用IE中内置的homepage行为技术进行主页设置的方法。我们同样可以利用IE 5.0内置的download行为,来达到在宿主页面中嵌入外部页面的目的,其代码如下。

    <span id="outHTML"></span>
    <IE:Download ID="ieDownload" STYLE="behavior:url(#default#download)" />
    <script>
    function onDownloadDone(downDate){
    outHTML.innerHTML=downDate
    }
    ieDownload.startDownload('../static/article.htm',onDownloadDone)
    </script>

     其原理就是使用download行为提供的startDownload方法下载一个外部文本文件,并将文件中的文本内容作为参数传递给onDownloadDone函数,然后再由该函数对文本内容进行处理,在本例中是作为showImport对象的内容显示出来。如果在函数中对文本内容做相应的处理,并与相关技术结合,如XML,就可以实现更为复杂的功能。

     这种方法使得外部页面不再具有自己的方形区域,和宿主页面浑然一体; 提供了更大的灵活性,通过使用对象的innerHtml属性可以真正做到在宿主页面的任何位置插入外部文件内容; 修改简单,只须用可视网页编辑软件(如FrontPage 2000)将外部页面修改即可轻松改变网站整体风格。可以说这是在宿主页面中嵌入外部页面的最好方法 (注: 以上代码在Windows 98 SE/IE 5.0中测试通过)。


    出處還有許多网页设计特效实用代码,大家可以自己去看,就不轉過來了。

    另附一個用DIV+CSS实现FRAMESET效果的地址:http://www.cnblogs.com/weihengblogs/archive/2012/10/26/2740904.html

    展开全文
  • 主要介绍了js通过iframe加载外部网页的实现代码,需要的朋友可以参考下
  • 如果这个外部页面是一个链接的话, 那就直接在需要加入的地方,嵌套iframe标签并指定src即可 (绝对路径) <iframe src="http://xxxxxx.com"></iframe> (温馨提示:需要用一个大的div进行包裹) 使用...

    #vue#使用iframe嵌入外部的页面到项目里

    一、使用场景

    使用场景1:
    如果这个外部页面是一个链接的话,
    那就直接在需要加入的地方,嵌套iframe标签并指定src即可
    (绝对路径)

    <iframe src="http://xxxxxx.com"></iframe>
    

    (温馨提示:需要用一个大的div进行包裹)

    使用场景2:
    如果这个外部页面不是链接,
    或者只是我们写好一个页面的话,
    就将外部页面的文件夹加入到vue 的目录文件夹里即可;
    一般可以放在static这个文件夹里面,然后进行引用(相对路径)

    思路:
    (1)先将这个外部页面的文件夹(里面一般有js/css/html,以及一些字体库)

    在这里插入图片描述
    加入到vue项目目录的static
    在这里插入图片描述
    在这里插入图片描述
    (2)在需要放入这个外部页面的位置,进行加入

    <iframe src="/static/外部文件夹的名字/xxx.html"></iframe>
    

    在这里插入图片描述

    二、参数设置

    (1)自适应iframe

    
    scrolling="no/yes" (no:去掉滚动条; yes:保留滚动条)
    
    

    默认情况下,iframe会自带滚动条,不会全屏,
    所以一般情况下,我们要去掉滚动条

    
     <iframe src=""  scrolling="no"></iframe>
     
    

    (2)设置宽度高度

    
     width=""  height=""
     
    

    在标签里面直接设置即可,不需要加单位

    
     <iframe src=""  scrolling="no"  width="1000" height="1000"></iframe>
     
    

    (3)是否显示iframe的外边框

    
    frameborder="0/1" (0:代表显示; 1:代表不显示)
    
    

    一般设置不显示外边框

    
     <iframe src=""  scrolling="no"  width="1000" height="1000" frameborder="0" ></iframe>
     
    

    (4)iframe的上下左右边距

    
    marginheight=""  // <iframe> 的顶部和底部的边距
    
    marginwidth=""  // <iframe> 的左侧和右侧的边距
    
    
    展开全文
  • 今天小编就为大家分享一篇在layui tab控件中载入外部html页面的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • vue项目中嵌套外部网页

    千次阅读 2020-12-19 13:22:16
    主要有两种方法:一、通过接口请求,然后v-html渲染,这种方法试验之后发现不行,v-html不会渲染内部页面二、iframe的方式(解决引入成功之后获取不到引入的标签问题及跨域问题)需要嵌套的网页地址为:...

    主要有两种方法:

    一、通过接口请求,然后v-html渲染,这种方法试验之后发现不行,v-html不会渲染内部页面

    二、iframe的方式(解决引入成功之后获取不到引入的标签问题及跨域问题)

    需要嵌套的网页地址为:http://10.108.230.74:8080/smartbi/vision/openresource.jsp

    config.js文件中设置代理:

    dev: {

    env: require('./dev.env'),

    host: '0.0.0.0',

    port: '8080',

    autoOpenBrowser: true,

    assetsSubDirectory: 'static',

    assetsPublicPath: '/',

    proxyTable: {

    '/jsp': {

    target: 'http://10.108.230.74:8080', // 接口地址

    changeOrigin: true, // 是否跨域

    pathRewrite: { // 转发

    '^/jsp': ''

    },

    secure: false,

    headers: {

    Referer: 'https://10.108.230.74:8080'

    }

    },

    },

    备注:代理里面https的url才需要加headers的参数

    在页面引入:

    获取iframe页面里某个标签

    var i = document.getElementById('iframename');

    i.onload = function(){

    console.log(i.contentWindow.document)

    console.log(i.contentWindow.document.getElementsByClassName("login-user-input"))

    }

    展开全文
  • Jsp页面嵌入外部页面的方法

    千次阅读 2015-07-21 10:44:18
    include动作跟include指令最大的区别就是它是动态的指令,它是把包含的文件编译的结果插入当前工作位置,如果包含文件被改动了,它能判断包含文件已被改动,并对包含文件重新编译;而不是如指令那样是把包含文件插入...
  • vue中嵌入外部网站

    千次阅读 2020-07-10 10:59:00
    src:右侧页面嵌入外部网站 <template> <div> <iframe src="https://www.iconfont.cn/" id="mobsf" scrolling="no" frameborder="0" style="position:absolute;top:64px;left: 240px;right:0px;...
  • 主要介绍了如何在vue项目中嵌入jsp页面的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 然后我们找到一个需要嵌入页面的html文件,使用DW软件打开,找到需要插入页面的位置。3然后我们输入标签。在前半个标签的里面,空格一下就会出现我们可以设置的属性。4我们需要设置src,即我们需要引用的页面的地址...
  • 嵌入外部页面

    千次阅读 2014-08-03 18:01:51
    ---- 要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。 ---- 如果想在嵌入外部页面过长时不出现滚动条,在外部文件标签...
  • 自从用饿了么框架重构项目以来,遇到 很多问题,我都有一一记录下来,现在...//使用elementUI image ===== 今天要用到的是使用是使用iframe 在网页嵌入一个外部网站并且显示出来 是的宽度高度都自适应屏幕。 完成~~~
  • 如何div标签内嵌入外部网页

    万次阅读 2016-06-08 14:59:39
    如何div标签内嵌入外部网页
  • React页面插入script

    2020-12-24 18:47:15
    项目中遇到插入广告的需要,而广告的信息只是一个url链接,这个链接返回的时一个js,和以前插入广告有点不同。所有找了很多方式。先来展示广告链接返回的信息:假设广告链接为:...
  • 网页中加入视频的几种方法(PC与手机网页通用) 方法一: <div align="center">  <embed src="http://player.youku.com/player.php/Type/Folder/Fid/22127316/Ob/1/sid/XNjk1MDUyNzU2/v.swf"  ...
  • iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌套页面边框,leftmargin左边距,topmargin上边距 扩展资料: 嵌入页面的几种方法: 一、应用框架技术 在页面中嵌入外部页面的用字符串的方式 var str = '我是...
  • 如何在Html中引入外部页面

    千次阅读 2018-03-29 12:57:42
    )[+]通常一个网站的head,foot,rightBar(右侧的条目)都是相同的,这部分内容可以通过引入的方式,否则一旦需要修改,就需要修改十个,二十个,乃至更多的页面,是一项既繁琐但又毫无意义的工作。借助于PHP或者JSP,...
  • HTML插入外部样式表

    2021-11-02 20:09:58
    插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inlin (1)外部样式表的创建: 在当前.html文件外部新建一...(2)外部样式表的插入: 在.html文件的&l...
  • 本文将以嵌入哔哩哔哩为例 二、实现过程 1、侧边栏的实现 以下代码都是在sideMenu.vue侧边栏组件中实现 1.1 template页面显示部分——为侧边栏绑定单击事件 <template> <div> <Menu :active-...
  • 微信小程序引入外部网页

    千次阅读 2019-07-24 10:07:16
    小程序暂时没有办法跳到小程序之外的界面 但是可以内嵌外部网页 如果是自己玩玩不需要上线的话可以在开发工具中把不校验合法域名勾上 需要上线的小程序一定要记得配置域名,不然上线后无法正常使用 还有跳转的...
  • 1.使用$http.get获取页面 2.将获取的页面使用ng-bind-html显示到页面上 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src=...
  • 你只需一步操作,使用标签在HTML网页插入JavaScript代码。注意, 标签要成对出现,并把JavaScript代码写在之间。尤其注意的是表示在之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript...
  • vue页面嵌套外部url

    2021-12-17 10:24:45
    我的需求是一进入页面通过调接口获取页面的url,然后把url嵌套到当前页面。 <template> <div class="page-content" id="bi-div"></div> </template> <script> import ...
  • Web页面打开外部EXE程序

    热门讨论 2013-07-14 20:32:54
    Web页面打开外部EXE程序,类似于网页上的QQ客服功能的实现 Web页面打开外部EXE程序 Web页面打开外部EXE程序
  • 在asp、asp.net页面中引用外部页面很简单,使用以下语句就可以:<!--includefile="要引用的页面" ->但是在html静态页面中引用外部页面则没那么方便,主要方法有:1.使用框架来实现,但是那样占用线程较多,...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,562
精华内容 21,824
关键字:

网页嵌入外部页面