【js实现iframe动态调整高度的代码】教程文章相关的互联网学习教程文章

javascript控制frame,iframe的src属性代码

代码如下:<script language="javascript"> <!-- function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r!=null) return unescape(r[2]); return null; } function tiao() { var x_url=GetQueryString("theiframe").toString(); document.all.mainFrame.src=x_url; } //--> </script>

jQuery解决iframe高度自适应代码

代码如下:<script type="text/javascript"> <!-- $( function() { //iframe高度随内容自动调整 $('.main').load( function() { $(this).height($(this).contents().find("body").attr('scrollHeight')); } ); } ); // --> </script>

IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点

公司WEB项目要求是必须兼容FF3,IE6/7/8。本文所述为IE6下的一个BUG.   项目里面写了一个自己封装的弹出层,原理是先动态添加一个遮罩层,再动态添加一个DIV(Table)层(做弹出层的PNG半透明边框效果),DIV里面动态添加一个IFrame,这个Iframe页面指向一个现存的HTM文件。   如果这个HTM文件中,包含文本输入框这样的一些表单元素,在IE6下就会出娄子了。   测试组的人说了,弹出层打开后,“经常”无法获取文本框的焦点,就...

JQuery与iframe交互实现代码

在iframe中查找父页面元素的方法: $('#id', window.parent.document) 在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量: parent.method parent.value

页面中iframe相互传值传参

一个页面,iframe了一个框架: parent.add_cart(); //子框架,可以访问父框架的函数 parent.frames["BoardList"].document.getElementById("name").value; //父框架获取子框架元素的值.

兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)

小项目龙里中学多媒体教室管理系统中后台管理用到了iframe.由于要动态载入内容,所以需要iframe自适应内容页的高度.用谷歌搜索到很多答案,其中成功的是这段代码 代码如下:<script type="text/javascript"> function SetCwinHeight() { var iframeid = document.getElementById("maincontent1"); //iframe id if (document.getElementById) { if (iframeid && !window.opera) { if (iframeid.contentDocument && iframeid.contentDoc...

Iframe 自适应高度并实时监控高度变化的js代码

google N次 + 百度M次 + 试验了1605次之后(听说农药1605就是实验了这么多次后出来的),得出下面成果,在IE7及Firefox3里试了下还能凑合着用用! 1、首先给出个Iframe。 代码如下:<iframe id="ifrm" marginheight="0" marginwidth="0" height="100" width="1000" frameborder="0" scrolling="no" src="xxxxx.html"> </iframe> 2、然后看看怎么获取Iframe中的页面的高度。 其实最麻烦的就是怎么让获取的高度准确,不同的方式不同...

JavaScript iframe的相互操作浅析

iframe元素也就是文档中的文档,或者好像浮动的框架(frame)。关于iframe的操作一直是一个疑难点,网上有很多这方面的文章介绍。下面我结合自己的经验,整理一下笔记记录下来。一、页面三个页面:父页面和两个子页面,两个子页面在父页面的两个iframe里。1、父页面MainForm.aspx<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MainForm.aspx.cs" Inherits="Test.MainForm" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...

让iframe子窗体取父窗体地址栏参数(querystring)

代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>让iframe子窗体取父窗体地址栏参数(querystring)</title> <script type="text/javascript"> function f(){ //http://localhost:4101/MyFiles/netshop/ShopType.aspx?tid=1 var url = window.location.href;//取得地址栏 var pos = url.indexOf("tid");//简单做个字符串处理,这里只有一个参数。 var tid = url.substring(pos+4);//取tid=后面的字符串,所以+4...

javascript IFrame 强制刷新代码

当第一次从主窗口进入到一个iframe简称{A}中,此时这个{A}中呈现的数据是新的,这时我又点了另外的一个iframe简称{B},这里{B}的数据也是新的,在{B}中进行一些逻辑处理,如向{A}中批量增加模型数据,这里我们再进入到{A}中会发现数据是被缓存着的。因为是从{B}中对批量操作了{A}的数据,{B}是与server通信的,也就是会进行逻辑层/持久层操作,这样server端更新的呈现部分是{B}而不是全部,这也就是局部刷新,只刷{B}。而我们需要做...

从父页面读取和操作iframe中内容方法

基本的操作方法: document.frames("frame_id").document.action; 其中,frame_id是该父页面需要进行操作的iframe的id,action是iframe中的相关操作。 从该方法中,可以看出 document.frames("frame_id")是用来从父页面中获取iframe的id的,而后面的document.action同一般的脚本对页面元素操作一样,具体举个例子来说明一下,其中父页面引用iframe部分如下: 代码如下:<div id="region1" name="region1"> <iframe onload="iframe_t...

iframe 自适应高度[在IE6 IE7 FF下测试通过]

第一种方法: 代码如下:<script type="text/javascript" language="javascript"> <!-- //调整 PageContent 的高度 function TuneHeight() { var frm = document.getElementById("content01"); var subWeb = document.frames ? document.frames["content01"].document : frm.contentDocument; if(frm != null && subWeb != null) { frm.height = subWeb.body.scrollHeight; } } //--> </script> <iframe id="content01" name="conten...

javascript 装载iframe子页面,自适应高度

假设主页面有一个div,里面放置一个iframe 代码如下:<div id="frameBox"> <iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no"></iframe> </div> 3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。 3个子页面分别在自己页面加载完window.onload执行 代码如下:function aa(){ var newHeight = document.body.scrollHeight + 20 + "px"; window.pa...

Iframe thickbox2.0使用的方法

thickbox.js中的 代码如下:function TB_init(){ $("a.thickbox").click(function(){ var t = this.title || this.name || null; var g = this.rel || false; TB_show(t,this.href,g); this.blur(); return false; }); } 将红色部分修改为: 代码如下:self.parent.TB_show(t,this.href,g);

jquery插件jbox使用iframe关闭问题

此按钮调用close方法关闭,弹出窗口,没有办法关闭,因为close方法需要以个参数,参数应该是那个iframe但是将其传入并不生效,不知道为什么在网上查找也没有找到解决方案。。 最后只好自己改其源码,在其close方法第一句中增加以下代码: if(box==undefined){ box=jBox.boxes[0]; } 然后用:window.parent.window.jBox.close();调用此方法。

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 全部