html中嵌套iframe页面

有时候需要把其他地方的页面嵌套到当前的的网站的某个模块中，就可以使用iframe嵌套
1、不需要登录其他网站的直接嵌套
新建html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>百度</title><style>* {padding: 0;margin: 0;}html, body {height: 100%;width: 100%;overflow: hidden;}iframe {border: 0;}</style>
</head>
<body>
<iframe id="mainContent" width="100%" height="100%"></iframe>
</body>
<script>var mainContent = document.getElementById('mainContent');mainContent.src = "http:baidu.com.cn"//嵌套网址</script>
</html>

2、需要登录其他网址才可以获取嵌套页面
新建html

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>测试</title><style>*{padding: 0;margin: 0;}html,body{height: 100%;width: 100%;overflow: hidden;}iframe{border: 0;}</style>
</head>
<body><iframe id="mainContent" width="100%" height="100%"></iframe>
</body>
<script>window.parent.Ext.onReady(function(){//因为单独打开窗口，所以这里引用了自己框架的方法，使得  Ext.data.JsonP.request这个方法可以调用var Ext = window.parent.Ext ;Ext.data.JsonP.request({url: 'url',//登录网站async: false,params: {RF_Login_Username:"ordinary",RF_Login_Password:123456//用户名和密码},callbackKey: "callback",callbackName: "callback",success:function(d){var mainContent = document.getElementById('mainContent');mainContent.src = "http:url"//嵌套页面网址},callBack:function(d){},failure: function (d) {alert('请求失败，请关闭窗口后重新打开！');}});})</script>
</html>

html中嵌套iframe页面相关推荐

HTML5怎么编辑另一个页面,html中嵌套iframe页面如何将一个html页面中嵌入另一个html页面...
如何将一个html页面中嵌入另一个html页面将一个html页面中嵌入另一个html页面需要使用到iframe标签. iframe标签用法: scrolling禁止鼠标滑动,frameborder嵌 ...
html中嵌套iframe页面_selenium表单切换（iframe）
在做web自动化的过程中会遇到一些弹出的登录页面,定位后,执行程序发现还是出现报错,其实定位可能没有问题,而是表单再作怪,也就是iframe iframe iframe是HTML标签,作用是文档中的文 ...
iframe标签中写html,html页面中嵌套iframe标签，我们可以用html中的iframe标签搞定
iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...
点击div外区域隐藏div操作(嵌套iframe页面)
一.正常页面 $(document).click(function(){$(dom).hide();//要隐藏的div}); 这个是最基础的原型,如果是有弹窗和遮罩层的,点击遮罩层的部分关闭弹窗和遮罩 ...
layer中嵌套的页面如何操作父页面_layui框架中layer父子页面交互详细解说
本文主要介绍了layui框架中layer父子页面交互的方法,结合实例形式分析了layer父子页面交互的常用技巧以及layer弹出多个iframe找到父页面的操作方法,需要的朋友可以参考下,希望给大家的 ...
vue 中嵌入iframe页面
使用的是vue-element-admin. 需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后,将此页面在右侧打开,每打开一个,tagview中也会相应加上,当切换这些tagview时, ...
layer中嵌套的页面如何操作父页面_vue中8种组件通信方式，值得收藏
有不少网友提出组件之间通信方式还有很多, 这篇文章便是专门总结组件之间通信的 vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们 ...
中嵌套的页面如何操作父页面_UI设计中签到页面如何设计
签到,是一种人类行为上的规束,常常被用于一些会议和活动的中,经常被用来作为奖惩的依据.今天我就针对UI设计中签到页面如何设计进行简单的说明. 虚拟世界中的签到 – 从游戏签到,以领虚拟奖励,到购物节签 ...
vue中嵌套页面（iframe）
vue中嵌套iframe,将要嵌套的文件放在static下面.src可以使用相对路径,也可使用服务器根路径http:localhost:8088/- <iframe src="../. ...

html中嵌套iframe页面

html中嵌套iframe页面相关推荐

最新文章

热门文章