icon=2时 当icon=3时 当icon=4时 当icon=5时 当icon=6时 当icon=16时 8、btn-按钮 类型:String、Array,默认:‘确认’ 信息框模式时,btn...一般用于页面层和iframe层模式 15、anim-弹出动画 值 备注 anim:-1 不显示动画 anim: 0 平滑放大。...内部动态递增计算的 //当你在iframe页面关闭自身时 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引...)-获取特定iframe层的索引 此方法一般用于在iframe页关闭自身时用到。...(index,url)-重置iframe的url layer.iframeSrc(index, 'http://sentsin.com') 17、layer.setTop(layero)-置顶当前窗口
www.nealyang.cn/server.php 跨域,协议不同 localhost 调用 127.0.0.1 跨域 跨域的解决办法 jsonp跨域 jsonp跨域其实也是JavaScript设计模式中的一种代理模式...,该iframe的src指向服务器文件的地址(iframe标签src可以跨域),服务器文件里设置好window.name的值,然后再在index.html里面读取改iframe中的window.name...) }; 理想似乎很美好,在iframe载入过程中,迅速重置iframe.src的指向,使之与index.html同源,那么index页面就能去获取它的...但是现实是残酷的,iframe在现实中的表现是一直不停地刷新, 也很好理解,每次触发onload时间后,重置src,相当于重新载入页面,又触发onload事件,于是就不停地刷新了(但是需要的数据还是能输出的...然后设置其src为服务端地址,而服务端同样输出一端js代码,也同时通过与子窗口之间的通信来完成数据的传输。
window.name方法 window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name...都有读写的权限,window.name是持久存在一个窗口载入过的所有页面中的,并不会因新页面的载入而进行重置。...('iframe'); iframe.src = 'example.com/b.html'; // 这里让iframe与父页面同源 iframe.onload = function...> JSONP方法 JONSP(JSON with Padding)是JSON的一种使用模式。...如果在jQuery中用JSONP的话就更加简单了: $.getJSON(''http://example.com/data.php?callback=?'
JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。...jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。...1、首先引入插件 3、样式修改 jQuery blockUI 提供的默认样式过于朴素, 可以在每一次调用blockUI() 函数时进行修改.
="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"> </div...").attr("src"); $(".tabs-panels .panel").eq($('.tabs-selected').index()).find("iframe")....attr("src", url); }); //在新窗口打开该标签 $('#tab_menu-openFrame').click(function...frameborder="0" src="' + url + '" scrolling="auto" style="width:100%; height:99%">'; return
layuiAdmin.std(iframe 版) 是完全基于 layui 架构而成的通用型后台管理模板系统,采用传统的 iframe 多页面开发模式,可更快速直接地开发网页后台应用程序,无需过多地学习成本...iframe 常规版 相比于 单页面模式的专业版 ,无论是在目录结构还是开发模式上都要简单很多。...因为单页版是接管了服务端 MVC 的视图层,而 iframe 版则将视图交给了服务端来控制和输出,可以避免鉴权的复杂程度,直接可衔接好新老项目(因为你们的大部分老项目都是采用 iframe 模式)。...admin.resize(callback) 窗口 resize 事件处理,我们推荐你使用该方法取代 jQuery 的 resize 事件,以避免多页面标签下可能存在的冲突。...注意:如果是在 iframe 页面中执行关闭,需要如下写法: parent.layui.admin.events.closeThisTabs(); admin.events.closeOtherTabs
" /> <script src="tipswindown.js" type="text...function tipsWindown(title, content, width, height, drag, time, showbg, cssName) title: 窗口标题...height: 内容高度 drag: 是否可以拖动(ture为是,false为否) time: 自动关闭等待的时间,为空是则不自动关闭
有一种效果是这样的,当点击左边菜单的时候,在右边的主体区会弹出相应的页面,点击多个菜单选项时,在右边依次陈列这些窗口,这些窗口之间可以相互切换,类似于浏览器的多个打开的窗口那样。...id.点击关闭该id的窗口。...tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe">',...tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe">',...,如果当前点击的选项已经打开,则跳转到对应窗口去,不再执行for外面的两条语句创建新窗口 for (var i = 0; i <$('.x-iframe').length; i+
src="'+pagepath+'" style="width:100%;height:'+height+';border-width:0 ">')); //打开窗口页面增加接受消息监听... 首先看下我们封装方法的几个参数,id就是dialog的一个标识,title是dialog的标题名字,url为嵌套内的页面地址,height/weight就是高/宽,callback就是dialog关闭时的回调函数...,比如新增数据时关闭新增页面调用回调函数刷新列表页,其中对页面的嵌套就是通过对dialog中的内容加载嵌套一个iframe实现,但是这样整体样式会有些问题,所以我们通过对modalbody,modaldialog...中打开窗口,遮罩层和dialog都会以iframe为基准,但有时候这样会显的窗口太小使用不方便,所以我们这里要再加一种方法,打开全局dialog,就是如果在iframe中打开,dialog要显示在iframe...this.options.istop){ $backdrop.appendTo($(window.top.document.body)); } 打开时将模态窗口整体移动至顶级窗口的
//弹出一个页面层 $('#test2')....: 4, content: ['内容', '#id'] //数组第二项即吸附元素选择器或者DOM }); btn – 按钮 类型:String/Array,默认:’确认’ 信息框模式时...再执行关闭 layer.getChildFrame(selector, index) – 获取iframe页的DOM 当你试图在当前页获取iframe页的DOM元素时,你可以用此方法。...')[0]['name']]; //得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 7 console.log(body.html())...(windowName) – 获取特定iframe层的索引 此方法一般用于在iframe页关闭自身时用到。
关于$.messageBox5s是我扩展easyui的message控件的结果,扩展如下 /** * 在iframe中调用,在父窗口中出提示框(herf方式不用调父窗口) */ $.extend({...show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); /** * panel关闭时回收内存...,主要用于layout使用iframe嵌入网页时的内存泄漏问题 */ $.fn.panel.defaults.onBeforeDestroy = function () { var frame...("~/Scripts/jquery.form.js")" type="text/javascript"> <script src="@Url.Content("~/Scripts/jquery.easyui.plus.js
测试环境 JQuery-3.2.1.min.js 下载地址: https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js...需求场景1 实现需求:如下图,点击左侧的导航,打开对应tab页面,其中tab页面的内容为 iframe,这里希望iframe的高度和宽度,根据浏览器窗口大小变化而变化,同时页面内容过多,或者过宽时,出现...参数 <iframe name="tabIframe" id="ifm117" src="/platform/page/roleSetting.html" width="100%" frameborder.../** * 浏览器窗口大小发生变化时,自动调整iframe页面高度 * 浏览器等因素导致改变浏览器窗口大小时,会发生多次resize事件,导致频繁调用changeFrameHeight() */ $(...当调整浏览器窗口的大小时,发生 resize 事件。
AJAX 请求不能发送 跨域解决方案 1)jsonp 跨域 关于 jsonp 的原理把握一下几点: 1) html 标签的 src 属性没有同源限制(支持跨域),浏览器解析 script 标签时,会自动下载...-- 父窗口 https://www.chuchur.com/a.html --> </iframe...iframe = document.getElementById("iframe"); // 向b.html传hash值 setTimeout(function () { iframe.src...("iframe"); // 监听a.html传来的hash值,再传给c.html window.onhashchange = function () { iframe.src = iframe.src...页面和其打开的新窗口的数据传递 b.) 多窗口之间消息传递 c.) 页面与嵌套的 iframe 消息传递 d.)
实现异步上传(Easyui的form组件就是通过iframe,实现表单提交时,可以提交上传域) 2、iframe 概要及注意事项 iframe会创建包含另一个文档框架的内联框架(即行内框架) 在 HTML... 3、iframe的基本属性 ? ? ?...4、iframe访问方式 (1)、iframe访问方式大致有两种,大致如下: i、contentWindow属性,通过iframe元素的这个属性,可获取子窗口的window对象,该属性兼容各个浏览器 ii...、contentDocument属性,通过iframe元素的这个属性,可取得子窗口的document对象,该属性兼容向存在问题:Firefox 支持,大于ie8版本的ie支持. (2)、获取子窗口document...对子页面进行操作 i、先通过jQuery获取iframe,再把jQuery对象转换成dom对象,可以通过get()方法进行转换.代码如下: $("#myiframe")[0].contentWindow
scrollbar属性、样式详解 1. overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置... iframe 中从不显示滚动条: iframe 中从不显示滚动条: 就加了一行代码; 使用jquery实现的代码: iframe 中始终显示滚动条: iframe 中从不显示滚动条: <iframe src ="/index.html" width="200" height="200" scrolling
页面 ________________________________________ iframe自适应高度 <iframe name="pindex" src="/blog/index.asp"...页面往往重置到页首端 代码“javascript:void(null)”代替原来的“#”标记 ________________________________________ 文字或图片弹出指定大小的窗口...__________________________ 关闭窗口的脚本 [关闭窗口] _________________...); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;} ________________________________________ 后退&关闭窗口
='http://code.jquery.com/jquery-latest.js' </script <script $(function () { $("#btn").click...src="" width="0" height="0" frameborder="0" </iframe <h3 与客服聊天窗口</h3 <div contenteditable="true...://code.<em>jquery</em>.com/<em>jquery</em>-latest.js' </script <!...<em>src</em>="..../fromClient.php" width="0" height="0" frameborder="0" </iframe <h3 与User聊天窗口</h3 <div contenteditable
layui的模态窗口很强大,但是使用的时候要声明很多东西,并且对于窗口之间的参数传递也没有做具体的说明,所以基于layui弹出层的api进行了一些简单的封装,使用起来更加顺手,先上代码 function..., layer = layui.layer; //当你在iframe页面关闭自身时 var index = parent.layer.getFrameIndex(window.name...方法保留了一些常用参数,如标题,打开iframe页面的地址,宽,高,增加了关闭页面的回掉函数与页面之间的传递参数,打开方法通过获取顶层的layer对象,使得打开的窗口全部是基于顶层页面,解决了在iframe...中打开页面只能在iframe中显示与移动,宽高都是基于百分比打开,适应性更加灵活一些,向打开的子级页面传递参数是通过向iframe增加变量存储的方式实现的,比较灵活,子级页面关闭后也随之销毁,子级页面关闭后父级页面的回调函数通过...api中的end方法嵌套一下,如果子级页面关闭时想要向父级页面传递数据(如表单打开选择树页面回传选项值)时,就会存储在顶级页面的layer_return变量中,因为所有页面都是声明在顶级窗口页面中的,所以不存在什么层级关系的复杂处理
主要有两部分 1、从主窗口传值到弹出层 2、从弹出层传值到主窗口 3、通过session互传 4、通过调用父窗口的函数从而获取到父窗口的值(相反也是可以的) 1、从主窗口传值到弹出层 首先时js...changefileone函数时按钮绑定事件,按钮点击后调用这个函数然后弹出弹出层,加载changefile.html界面 然后success提前加载changefile的form数据(从主窗口传值到弹出层...'], success: function (layero, index) { //成功获得加载changefile.html时,预先加载,将值从父窗口传到 子窗口...="/Scripts/jquery/jquery.min.js" type="text/javascript"> <script src="/Scripts/layer/layer.js...//得到iframe页的窗口对象,执行iframe页的方法:iframeWin.method(); 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/131259.html
Ajax实现 以jquery来发起jsonp请求 </script...传hash值 setTimeout(function() { iframe.src = iframe.src + '#user=admin'; }, 1000);...() { iframe.src = iframe.src + location.hash; }; 3)c.html:(http://www.baidu1.com...的src属性由外域转向本地域,跨域数据即由iframe的window.name从外域传递到本地域。...页面和其打开的新窗口的数据传递 b. 多窗口之间消息传递 c. 页面与嵌套的iframe消息传递 d.
领取专属 10元无门槛券
手把手带您无忧上云