首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

iframe实现页面局部刷新原理解析

web开发实现页面的局部刷新技术,除了比较常见ajax,还有通过iframe实现,这种方式和ajax有什么不同呢首先看一个用ajax技术实现页面局部刷新效果——表单登陆。...= '登录成功'; 以上代码有些人会判断是js,说是js是不准确。...同样实现了页面的局部刷新,而且用不是ajax技术。...原理是将表单提交后跳转页面,指向本页iframe标签中,iframe刷新后,返回是后端输出javascript标签包裹js代码,而返回javascript代码可以直接运行,并且可以操作父页面中元素...封装原生ajax还得考虑兼容,iframe就不用考虑兼容性问题,但ajax对比iframe会更加简洁明了。在ajax没有普及之前,web开发局部刷新都是iframe

5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    js判断iframe加载是否成功方法

    今天木槿来探讨一下js判断iframe加载是否成功方法,并且兼容多种浏览器。...由于经常需要动态添加iframe,然后再对添加iframe进行相关操作,而往往iframe还没添加完呢,后边代码就已经执行完了,所以有些你写东西根本没有显示出来。...这时,我们就要考虑是否可以等iframe加载完后再执行后边操作,当然,各种浏览器早就为我们考虑到啦,看下面:ie浏览器IE每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在...arguments.callee);//这里是回调函数}});其他浏览器:Firefox,Opera,chrome等在其他非IE浏览器上 Firefox,Opera,chrome等 iframe 都会拥有一个...this.removeEventListener("load", arguments.call, false);//这里是回调函数}, false);}需要注意是:上面的函数必须放在 iframe

    1.9K20

    js实现页面刷新

    如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器刷新按钮效果是完全一样。...2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换URL。...此方法类似客户端点F5刷新页面,所以页面method="post"时,会出现"网页过期"提示。 因为Session安全保护机制。...('myrefresh()',1000); //指定1秒刷新一次 4,JS刷新框架脚本语句 复制代码 代码如下: //刷新包含该框架页面用 <script language...js版 [Ctrl+A 全选 注:如需引入外部Js刷新才能执行] 三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面,刷新父页面)

    20.5K40

    js刷新当前页面方法

    js刷新当前页面 js刷新当前页面 在写JS代码时,用到JS刷新当前页面的方法有几种,比如最常用reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面。...true, 则以 GET 方式,从服务端取最新页面, 相当于客户端点击 F5(“刷新”) replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)项目,因此当使用replace方法之后...可以想到:当调用 location.reload() 方法时候, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 。...//前一个页面的URL 不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。... JS刷新框架脚本语句 //如何刷新包含该框架页面用 parent.location.reload

    12K20

    layui打开iframe窗口不刷新问题

    问题所在,我所用layui后台管理系统框架是之前遗留下来,2017年版本,iframe窗口不刷新问题,也就是框架本身缓存问题,现在layui针对这一问题已经升级版本,就不存在问题了。...先说一下要修改地方:点击左侧菜单栏(即打开一个新iframe层页面),第一次打开窗口会刷新,但是再次点击左侧菜单时候就不会刷新了,每次这个页面获取到新数据,iframe窗口里面都是有缓存,...都需要手动F5刷新才会更新,因此带来不便。...改为:每次点击左侧菜单,都会触发一次刷新事件。 ? 解决办法:打开tab.js文件 1:在配置里面添上 autoRefresh:true ?...2:写自动刷新代码 if(_config.autoRefresh) { _config.elem.find('div.layui-tab-content >

    3.9K20

    js获取iframe内容(iframe内嵌页面)

    大家好,又见面了,我是你们朋友全栈君。 js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他iframeid 在父页面中定义函数,再到子页面中调用。...iframe for(i=0;i js怎样获取iframe,src中参数 如何获取iframesrc里面的属性 js如何修改iframe 中元素属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素功能是在一个html内嵌一个文档,创建一个浮动iframe可以嵌在网页中任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframesrc赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery...JavaScript如何修改页面中iframe属性值 HTML5有客户端数据储存方法,但是支持浏览器不多。

    24.6K50

    Android RecyclerView设置下拉刷新实现方法

    Android RecyclerView设置下拉刷新实现方法 1 集成 SwipeRefreshLayout 1.1 xml布局文件中使用 <android.support.v4.widget.SwipeRefreshLayout...1.2 设置下拉刷新样式 SwipeRefreshLayout swipeRefreshView = (SwipeRefreshLayout) findViewById(R.id.refresh); /.../ 设置颜色属性时候一定要注意是引用了资源文件还是直接设置16进制颜色,因为都是int值容易搞混 // 设置下拉进度背景颜色,默认就是白色 swipeRefreshView.setProgressBackgroundColorSchemeResource...1.3 设置下拉刷新加载监听 final Handler handler = new Handler(); // 下拉时触发SwipeRefreshLayout下拉动画,动画完毕之后就会回调这个方法...,设置当前为刷新状态 //swipeRefreshLayout.setRefreshing(true); // 这里是主线程 // 一些比较耗时操作,比如联网获取数据,需要放到子线程去执行

    2K31

    html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    JS页面 如何实现刷新指定DIV。。。 其他DIV不刷新 将innerHTML所在方法用一个单独函数写出来,然后需要时再调用。...js实现进入页面先刷新在继续进行js功能 js实现,进入页面先刷新一下,然后在执行之后js代码需要完成工作 js或者jquery实现固定时间刷新页面 js怎么写2秒后再刷新当前页面 设置定时2秒后执行刷新...JS刷新当前页面的几种方法总结 reload 方法,该方法强迫浏览器刷新当前页面。...true, 则以 GET 方式,从服务端取最新页面, 相当于客户端点击 F5(“刷新”) replace 用js操作 怎样 实现刷新当前页面 而 不改变请CSS布局HTML小编今天和大家分享头按F5...可以 就是不知道用js 或jquery怎样实现F5功能 或者有其他方法实现 js刷心当前页面,你说不闪应该是所有页面不会有变白一瞬间,那就根据需要对页面某一块区域用AJAX处理,刷新时候就只会改变

    13.8K30

    android 有阻尼下拉刷新列表实现方法

    本文将会介绍有阻尼下拉刷新列表实现,先来看看效果预览: 这是下拉状态: ? 这是下拉松开手指后listView回滚到刷新状态时样子: ? 1....我们也看到,PullToRefreshListView实例需要设置一个OnLoadCallBack回调,该回调需要实现4个方法,包括: /** * 下拉刷新回调 */ public...onLoad方法是下拉刷新回调,调用者可以在这里实现刷新动作。cancelLoad方法是取消刷新动作回调,调用者需要在这里将刷新动作取消。...重画ViewGroup子View一般是在dispatchDraw方法实现。...,其中为ValueAnimator设置回调中,在动画更新和动画结束以及动画取消中分别调用了OnLoadCallBack3歌回调方法,从而实现PullToRefreshListView下拉刷新动作。

    3.5K10

    获得同级iframe页面的指定ID元素几种实现方法

    1.JS实现:   var object= window.parent.frames("要获得iframename").contentDocument.getElementById("元素id");...2.jquery实现:   var object =$( "元素id", window.parent.frames("iframename").contentDocument); iframe获得父页面指定...id元素方法:   var object = $("元素id", window.parent.document); 父页面获得iframe子页面里指定id元素方法:   var object =...$(this).contents().find("元素id"); 注:window.frames("iframename")、document.frames("iframename")和window.frames...["iframename"]、document.frames[""iframename"]区别   1.第一个和第三个具有浏览器兼容性,第二个和第四个只有在IE和Opera浏览器支持,而别的不支持

    1.9K20

    js实现replaceAll方法

    js本来有replace方法,请看w3school说明: replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配子串。...注意重点: 如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配子串。否则,它只替换第一个匹配子串。...---- js中是没有replaceAll方法,那么如何实现替换所有匹配字符串呢,即在js实现replaceAll方法: 1....使用具有全局标志g正则表达式 var str = "dogdogdog"; var str2 = str.replace(/dog/g,"cat"); console.log(str2); 实现替换全部匹配字符串...使用先split,再join方法 评论区@默默之分享这个方法太赞了,拉到正文里以免有人不看评论,感谢@默默之分享。

    1.8K30
    领券