【javascript IFrame 强制刷新代码】教程文章相关的互联网学习教程文章

主页面中的两个iframe实现鼠标拖动改变其大小【图】

代码如下:<%@ Page Language="vb" AutoEventWireup="false" Codebehind="WebForm4.aspx.vb" Inherits="HIG_Receipt.WebForm4"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>WebForm4</title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1"> <meta name=vs_defaultClientScript content="JavaScrip...

JavaScript 处理Iframe自适应高度(同或不同域名下)

1.同域名下Iframe自适应高度的处理 代码如下:<iframe onload="Javascript:SetIFrameHeight(this)" src="../Home/b" id="win" name="win" width="100%" height="1"> </iframe> 当然此处我用的是Asp.Net MVC 此处src设置为路由结构 代码如下:<script type="text/javascript"> function SetIFrameHeight(obj) { var win = obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.conten...

JS获取并操作iframe中元素的方法

JS获取/设置iframe内对象元素、文档的几种方法 1、IE专用(通过frames索引形象定位):代码如下: document.frames[i].document.getElementById(元素的ID);2、IE专用(通过iframe名称形象定位):代码如下: document.frames[iframe的name].document.getElementById(元素的ID);以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面...

JS中Iframe之间传值及子页面与父页面应用

在js中,我们时常用到用iframe做系统框架,在子页面也,父页面之间的值传递是一个问题,下面是js获取父窗体和子窗体的对象js:1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面document中的对象; b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中的元素: a> 代码如下:var child = document.getElementByIdx_x("mainFrame").contentWindow;/...

JS中Iframe之间传值的方法

1.在iframe子页面中获取父页面的元素: a>window.parent.document这个是获取父页面document中的对象; b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法; 2.在父页面中获取iframe子页面中的元素: a> var child = document.getElementByIdx_x("mainFrame").contentWindow;//mainFrame这个id是父页面iframe的id child.document;//获取子页面中的document对象;

iframe异步加载实现点击左边菜单加载右边内容实例讲解【图】

关于iframe异步加载,我们常用的大都是左边菜单栏右边是内容页面,要求我们不能左边菜单不能刷新的情况下,异步加载右边的内容页面。 话不多说,做了一个实例大致是这样的: 1、首先在你的项目中建立三个文件如:2、在Default页面引入jquery文件并在body中加入也下代码: 代码如下:<div style="width: 20%; float: left"> <div id="butten" style="cursor: pointer;"> 局部刷新(框架加载页面) </div> <div id="hidden" style="disp...

js将iframe中控件的值传到主页面控件中的实现方法【图】

现在来看一下代码的实现,首先来看一个主界面的代码代码如下:<html> <head> <script type="text/javascript"> function GetData(data) { alert(data); document.getElementById("id1").value=data; } </script> </head> <body> <div> <input id="id1" type="text" value="11" /> </div> <div> <iframe ...

js自定义方法通过隐藏iframe实现文件下载

通过隐藏iframe实现文件下载的js方法 代码如下:<script> function download() { //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207"; document.getElementById("ifile").src=url; } </script> <a href="#" onclick="download()">download</a> <iframe id="ifile" style="display:non...

用按钮控制iframe显示的网页实现方法

代码如下://有两个按钮分别响应两个事件,用来控制iframe显示的网页。 <script type="text/javascript"> function bd(){ var baidu = document.getElementById("i"); baidu.src = "http://www.baidu.com"; } function xl(){ var sina = document.getElementById("i"); sina.src = "http://www.sina.com.cn"; } </script> <style type="text/css"> #i{ width:400px; height:300px; } </style> </head> <body> <iframe id = "i" scro...

js iframe跨域访问(同主域/非同主域)分别深入介绍

js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。 一般分两种情况: 一、 是同主域下面,不同子域之间的跨域;   同主域,不同子域跨域,设置相同的document.domian就可以解决; 父页访问子页,可以document.getElementById("myframe").contentWindow.document来访问iframe页面的内容;如果支持contentDocument也可以直接document.getElementById("myframe").contentDocument访问子页面内容;   子页访问父页,可以...

file模式访问网页时iframe高度自适应解决方案

最近做到iframe的高度自适应这个问题,网上一搜好多解决方案,而总结起来也就那几种,我逐一尝试这些方案,最后发现在我的项目中都不起作用,后来发现自己做的网页是通过file方式访问的,将网页代码放到apache下通过http协议访问,在iframe加载的时候调用如下js方法: 代码如下:<SPANstyle="FONT-FAMILY:KaiTi_GB2312;FONT-SIZE:18px">functionSetWinHeight(obj) { varwin=obj; if(document.getElementById) { if(win&&!window.op...

jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误

jquery.bgiframe.js在IE9下的错误 代码如下:SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5) jquery.bgiframe.js, 行8 字符976 错误代码 代码如下:1 {if(!$(iframe.bgiframe,this)[0])this.insertBefore(document.createElement(html),this.firstChild);});};})(jQuery); 在网上找到些结局方案 方案一: 代码如下:this.insertBefore(document.createElement(html),this.firstChild); HTML加个引号就行了。 目前就找到...

动态的改变IFrame的高度实现IFrame自动伸展适应高度

动态的改变IFrame的高度,实现IFrame自动伸展,父页面也自动神缩 原理: 在IFrame子页面一加载的时候,调用父IFrame对象,改变其高度 具体实现一: 1、在IFrame的具体页面(就是子页面),添加JavaScript 代码如下:<script> function IFrameResize(){ //alert(this.document.body.scrollHeight); //弹出当前页面的高度 var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对象 //alert(obj.height); //弹出...

firefox下jquery iframe刷新页面提示会导致重复之前动作

刷新页面会提示 “要显示此页面, Firefox 必须发送将会导致重复之前动作的数据(例如搜索或者下订单)”看看以下代码 代码如下:$("iframe").load(function(){ $(this).attr("src","about:blank"); }) 框架打开后设置地址到一个空页面就可以避免这个提示但有个问题 就是设置src后会触发load事件,会导致循环加载所以需要设置一个参数 等触发完正常事件后 做一个标记load完后判断一下 代码如下:$("iframe[name=hi]").load(function()...

iframe 上下滚动条如何默认在下方实现原理

问题:iframe 上下滚动条如何默认在下方,做的是聊天工具,数据多了,每次刷新出现的上下滚动默认在上方,还需下拉到下面才能看到聊天记录,有办法让它出现在下方吗? 答案:直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop 代码如下:document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight window.scrollTo(0,9999999) 这个是解决了在下方,但是有新信息后,滚动条不...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部