angular-使用iframe做独立页（iframe传值到angular和iframe里请求后台数据）

这个方法使用过两次.一次是在项目中嵌入一个表达式生成器.因为用别人做好的网页变成组件很难,而且里面用了jq,与angular思想相反不能用.另一次是因为想要单独引用样式.而innerHTML使用的样式放在组件css里不生效.放在assets里又影响全局样式.所以使用iframe. 第一种是在iframe页中获取我需要的值传回angular页.另一种是将后台请求参数传向iframe页.在iframe引用的页中请求并返回后台数据用innerHTML展示. 两种都先链接到iframe并传参.首先ifr…

【转】iframe和父页，window.open打开页面之间的引用

[转]iframe和父页,window.open打开页面之间的引用 iframe和父页,window.open打开页面和被打开页面之间的关系可以通过下面的对象获取到 1)通过iframe加载的,在iframe中用parent对象得到父页window作用域,如果iframe中又加载了iframe,在最里层的iframe中需要重复调用parent.parent得到其上一级iframe的引用.如果是直接引用最顶级的父页作用域,可以使用top对象. 2)父页使用document.getElementBy…

iframe实现面页无刷新提交表单

一.表单提交到了哪里? 这似乎是个无知的问题,我们都知道表单提交到服务器,java,php,asp等服务器,然后由服务器去读.那么之后呢,服务器总要返回点什么吧,要么返回一个xml或json数据,要么返回一个页面,要么返回一个页面片段,但是返回到哪里了,这些结果在哪里展示?其实这就是常常被忽略的一个问题,尤其是 ajax用多了,觉得无刷新是理所当然的.在默认情况下,在什么页面提交的,就会将返回的数据(json或页面或页面片段)给这个页面.这里的页面指一个框架,带有<html></ht…

利用jquery+iframe做一个ajax上传效果

以下是自学it网--中级班上课笔记网址:www.zixue.it html页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"…

iframe的内容增高或缩减时设置其iframe的高度的处理方案

WEB管理软件往往是如下结构的用户点击子页tab切换中部的显示内容,在切换过程中需要保证前面的子页保持先前的状态.这种情况一般都使用iframe来来作为切换的子页显示内容. 但是这里有一个问题,iframe不能做高度(height)的自适应.理想状态是当iframe高度超过中部内容显示区的高度的时候iframe自动增高,这样主页面会出现滚动条来做适应.处理方式即不断计算iframe内部元素高度设置iframe 所以计算iframe里面的内容的高度便是关键(兼容IE8+). 首先,不能使用文档d…

js如何判断是否在iframe中及防止网页被别站用 iframe嵌套 (Load denied by X-Frame-Options)

1. js如何判断是否在iframe中 //方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length != parent.frames.length) { alert('在iframe中'); } //方式三 if (self != top) { alert('在iframe中'); }…

html,获取iframe的window,document，自定事件与iframe通信

获取iframe的window对象js代码如下.注意:一定要在文档加载完成之后,才能获取到 var Iframe=document.getElementById("script");//先获取到iframe元素 var iframeWindow=(Iframe.contentWindow || Iframe.contentDocument);//获取到指定iframe下window 对应html代码: <iframe class="Panel" id=&q…

angular之$broadcast、$emit、$on传值

文件层级 index.html <!DOCTYPE html> <html ng-app="nickApp"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"…

Js的iframe相关问题，如何判断当前是否在iframe中，iframe和它的父窗口如何通信

一.前言: 在web中,为了丰富我们的内容,往往需要引用其它HTML文件,这时候就需要用到 iframe 标签,本文就主要记录一下使用iframe所需要注意的问题 iframe 所使用的环境(笔者所遇到的) 1. web代码兼容 PC端和移动端,这时候就想在移动端时把页面限制在固定的宽高范围中,于是就使用 iframe 把相关页面限制在其中 2. web引用别人的 HTML 内容,就使用iframe 来实现二.遇到的问题: 1. 如何判断当前是否在iframe中 if (self.fra…

ZooKeeper做独立server执行(上)

ZooKeeper做独立server执行(上) 作者:chszs.转载需注明.博客主页:http://blog.csdn.net/chszs 一.ZooKeeper安装及配置版本号:ZooKeeper v3.4.6稳定版要设置ZooKeeper以单独server的模式执行是很直接的. server包括在单个的JAR文件内,因此安装就仅仅需创建一个配置文件. 一旦下载了ZooKeeper稳定版.那么解压它,并进入ZooKeeper的根文件夹. $ wgethttp://mirror.bit.e…

解决：mui 的选项卡 + 下拉刷新功能，在其中嵌入 iframe 后，在 iphone 的情况下，iframe 的内容不能滚动，只显示第一屏内容。

我所遇到的情况是,使用 mui 的选项卡 + 下拉刷新功能时,其中有2个页面是嵌入了别的网站的页面,而别个几个是通过 ajax 加载本网站的数据.然后在其中嵌入 iframe 后,在 iphone 的情况下,iframe 的页面内容不能滚动,只显示第一屏内容. <div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch;overflow-y: scroll;">&…

【Angular专题】——（2）【译】Angular中的ForwardRef

原文地址:https://blog.thoughtram.io/angular/2015/09/03/forward-references-in-angular-2.html 作者:Christoph Burgdorf 译者注:文章内容比较老,控制台信息等与新框架不完全一致,理解思路即可. 一. 问题点在哪里先做一个小声明,我们现在拥有一个AppComponent,并使用DI系统向其中注入了一个NameService,因为我们使用的是Typescript,所以需要做的工作就是在构造函数的参数中…

利用Angular.js从PHP读取后台数据

之前已经有非常多方法能够通过angular进行本地数据的读取.曾经的样例中,大多数情况都是将数据存放到模块的$scope变量中,或者直接利用ng-init定义初始化的数据. 可是这些方法都仅仅为了演示其它功能的效果.这次来学习一下怎样将Angular和PHP相结合.从后台读取数据. 首先,利用PHP,我们定义了一组后台数据,代码例如以下(test.php): <? php header("Access-Control-Allow-Origin: *"); header("…

做贴吧系统，偶然发现使用iframe的弊端

个人拙见常听人说起现在不建议使用iframe框架,而我却一再使用,也许是能力有限,一直没在意有什么弊端. 我这此使用的事左右iframe框架,并且只在主页中定义了大背景,每个页面并没有分别定义背景, 当在浏览器中,使用右键选择在新窗口打开的时候,弊端自然显露. 另外在浏览器蜘蛛爬行时遇到iframe会认为站点为死站点,被搜索引擎视为不友好的表现. 二月七日来补充一下浏览器解析当前页面html代码,不会解析iframe中src链接内部的内容. 内部网站比如OA系统一般不需要考虑网站…

父<IFRAME>获取子页属性以及子页中<IFRAME>的方法

例子如下: 1.父页index.jsp <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head></head> <body>…

关于弹出层(iframe)时刷新页面的js

[javascript] view plaincopyprint? iframe弹出子页面刷新父页面iframe parent.location.reload(); [javascript] view plaincopyprint? 弹出子页面刷新 window.opener.location.reload(); [javascript] view plaincopyprint? 子窗口刷新父窗口 self.window.opener.locaction.reload(); [javascrip…

多个iframe,删除详情页时刷新同级iframe的table list

说明:在使用iframe开发时,经常遇到多个iframe之间的操作. 下面就是一个需求:在一个iframe中关闭时,刷新指定的iframe: 添加需要刷新的标识reload=true //添加npi2mp时,刷新NPI2MPTable $(top.document).find("iframe").each(function () { if ($(this).data("id") == "npi/showNPI2MPTable") { $(this…

jsp 嵌套iframe 从iframe中表单提交并传值到外层

今天因需求迭代更改元来代码遇到了这么个问题就是想在 iframe中提交后进行整个页面的跳转并把iframe中的值传到外层jsp 大概就是这个样子外层 a.jsp <div id="d"></div> <iframe src="b.jsp" name="listresult" width="100%" height="100%" frameborder="0&…

iframe切换内容页仍然能自适应大小代码（含js）

function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.sc…

iframe嵌套的页面之间传值问题

项目中很多时候会遇到需要用 iframe 嵌套页面的情况.有时候会有这样的需求: iframe 嵌套的页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值. 此时可以先把 A 页面的属性值赋值给最外层的父页面,然后再赋值给 B 页面. A 页面的值赋值给最外层的父页面: 如父页面有个隐藏的button元素 <input type="button" id="parentID" value="" /> 赋值给此元素…

为页内的tab添加的iframe添加加载动画过渡效果

var iframe = $("iframe[data-id=" + id + " ]"); if (iframe.length > 0) { var exist = $(iframe[0]).attr("exist"); if (exist!=="1") { var loadindex = layer.load(2, { shade: false }); iframe[0].onload = function () {…

iframe父子兄弟之间调用传值(contentWindow && parent)

iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].content…

Vue SPA应用中使用Layer的iframe 弹出层,并且传值

问题来源: BOOS 竟然说喜欢有可移动可最大化的弹出层,这!!! SPA 模式下就是这种引入Vue.js的写法 layer.open({ type: , area: ['840px', '550px'], fixed: false, //不固定 maxmin: true, title:title, content:url, }); 正常引入layui.js 然后弹出,然后弹出层要调用父级层的方法,和赋值 var index = parent.layer.getFrameIndex(windo…

js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div…

angular -- 无刷新做分页

无刷新做分页参考地址: http://www.jq22.com/demo/angular201707111100/ 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <…

用原生js做单页应用

最近在公司接到一个需求,里面有一个三级跳转.类似于选择地址的时候,选择的顺序是:省份->市->区.如果分三个页面跳转,那么体验非常不好,如果引入其他框架做成单页应用,又比较麻烦.所以可以用js把这一块做成单页应用的样子... 主要思路通过改变url的hash值,跳到相应模块.先把默认模块显示出来,其他模块隐藏,分别给三个模块定义三个hash值,点击默认模块的选项的时候,改变hash值,同时在window上监听hashchange事件,并作相应模块跳转逻辑处理.这样即可模拟浏览器的前进后退,而…

[Flex] IFrame系列 —— IFrame嵌入html后Alert弹出窗口被IFrame遮挡问题

<?xml version="1.0" encoding="utf-8"?> <!--- - - - - - - - - - - - - - - - - - - - - - - - - * @author:Frost.Yen * @E-mail:871979853@qq.com * @create: 2016-6-1 上午11:37:00 - - - - - - - - - - - - - - - - - - - - - - - - - - --&…

iframe子元素相对于父页面滚动条固定(iframe无滚动条，iframe固定高度有滚动条，两种情况)

一.当iframe自适应高度,无滚动条时候: 例如这样: //随着父页面滚动条滚动定位“#qn-quc”他的位置固定在顶部 $(parent.window).scroll(function() { var scrollheight = parseInt($(parent.window).scrollTop()); console.log(parseInt($(parent.window).scrollTop())) if (scrollheight >= 300) { $("#qn-quc…

iframe中使用模态框提交表单后,iframe加载父页面的解决方法

在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接引用的框架的框架集.如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效…

使用Socket.IO做单页SPA应用更新

单页应用的挑战之一是确保客户端软件和服务器应用相匹配. 举例:如果一个用Bobbie在他的浏览器中加载我们的单页应用,五分钟之后我们更新了服务器应用.现在Bobbiede遇到了问题,因为我们对服务器做了更新后,用的是一种新的数据格式,而Bobbie的单页应用仍然需要旧的数据类型. 解决这种情况的一种方法是:在意识到数据格式过时的时候,强制Bobbie重新加载整个单页应用(比如说之后向她发送服务器更新的消息通知) 但我们能够做得更加漂亮:可以选择性地只更新单页应用中发生变化的javaScript文…

【angular-使用iframe做独立页（iframe传值到angular和iframe里请求后台数据）】的更多相关文章