javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码！ ?<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>基于Jquery库的代码很好实现： <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每...
iframe代码，注意要写ID 代码如下:<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>jquery代码一：代码如下://注意：下面的代码是放在test.html调用 $(window.parent.document).find("#main").load(function(){ var main = $(window.parent.document).find("#main"); var thisheight = $(document).height()+30; main.height(thisheight); });jquery代码二： 代码如下://注...
代码如下:<iframe id="aaax" src="" scrolling="no" frameborder="0" style="display:none"></iframe> <script language="javascript" type="text/javascript"> $(function () { var $main = $("#main").height(); var $searchPanel = $("#searchPanel").height(); var $listArea = $("#listArea").height(); $("#aaax").height($(window).height() - $main - $searchPanel - $listArea + 180); var $aaax = $("#aaax").height(); ...
测试页面代码： 代码如下:<html> <head> <title>jquery方式，访问iframe页面dom元素</title> <meta name="Author" content="孙勤波"> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script> <script type="text/javascript"> function getIframeDom(){ // 获取iframe的test元素...
iframe自适应高度本身是很简单的方法，就是在页面加载完成后，重新计算一下高度即可。 代码如下： 代码如下://公共方法：设置iframe的高度以保证全部显示数据//function SetPageHeight() {// var iframe = getUrlParam(ifname);// var myiframe = window.parent.document.getElementById(iframe);// iframeLoaded(myiframe);//}var iframeLoaded = function (iframe) { if (iframe.src.length > 0) { if (!ifr...
jQuery的弹出框使用很方便，但是如果在iframe中使用则弹不出对话框，而有时候我们还必须得使用iframe而不能用jQuery的load方式，这个时候就需要处理这个问题。 其实也非常简单，思路就是让iframe的父窗口弹出这个对话框。例如： parent.confirmDialog(); 这样就可以用了。不是什么有技术含量的问题，记下来，防止忘记。
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 代码如下:<iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe> <input type="button" id="read-aa" value="读取iframe #aa"> <input type="button" id="write-aa" value="写入iframe #aa"> 代码如下:$(#read...
在web开发中，经常会用到iframe，难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素 1、 格式：window.frames["iframe的name值"].document.getElementByIdx_x("iframe中控件的ID").click(); 实例：window.frames["ifm"].document.getElementByIdx_x("btnOk").click(); 2、 格式： var obj=document.getElementByIdx_x("iframe的name").contentWindow; var ifmObj...
iframe在复合文档中经常用到，利用jquery操作iframe可以大幅提高效率，这里收集一些基本操作 DOM方法：父窗口操作IFRAME：window.frames["iframeSon"].documentIFRAME操作父窗口: window.parent.document jquery方法:在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find(":text");在IFRAME中操作 选中父窗口中的所有输入框：$(window.parent.document).find(":text"); iframe框架的HTML：<ifr...
frame目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 代码如下:<iframe src="a.php" id="aa"></iframe> <iframe src="b.php" id="bb"></iframe> <input type="button" id="read-aa" value="读取iframe #aa"> <input type="button" id="write-aa" value="写入iframe #aa"> 代码如下:$(#read...
使用jquery操作iframe 1、 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe..</iframe> leftiframe中jQuery改变mainiframe的src代码： $("#mainframe",parent.document.body).attr("src","http://www.radys.cn") 2、 如果内容里面有一个ID为mainiframe的ifame <iframe id="mainifame"...></ifame> ifame包含一个someID <div id="someID">you want to get this content</div> 得到someID的内容...
JQUERY IFRAME下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS与可以实现。 第一、在iframe中查找父页面元素的方法：$(#id, window.parent.document) 第二、在父页面中获取iframe中的元素方法：$(this).contents().find("#suggestBox") 第三、在iframe中调用父页面中定义的方法和变量：parent.methodparent.valueiframe里用jquery获取父页面body iframe.html 代码如下:<html><script src=jquerymin.js></script><body id=...
代码如下: document.all('Iframe1').contentWindow.document.getElementById("deptName").width; $(window.parent.Iframe1.document.body).find('#deptName').width();跨域调用IFRAME时会遇到拒绝访问.在网上找了未测试解决办法 经查资料发现 ，默认情况下，浏览器是禁止 脚本跨域访问的，除非这些域之间有必须的访问信任关系。 找到问题就好办了，可以降低浏览器的安全级别，但这样对用户无疑是不利的。 所以我们...
用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames["iframe1"].document).find(”input[@type=radio]“).attr(”checked”,”true”); 2.在IFRAME中操作 选中父窗口中的所有单选钮$(window.parent.document).find(”input[@type=radio]“).attr(”checked”,”true”); iframe框架的： <iframe src=”test.html” id=”iframe1″ w...
1）在iframe中查找父页面元素的方法：$(#id, window.parent.document) 2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value 3）实例 1.父页面 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="IframeDemo._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmln...