如何不用ifram在div里div中调用js函数另一个页面

来源：蜘蛛抓取(WebSpider) 时间：2017-07-09 08:50 标签： html div中调用js函数
他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)DIV里嵌套Iframe，让Iframe及DIV高度一起随内容自适应高度问题_百度知道
DIV里嵌套Iframe，让Iframe及DIV高度一起随内容自适应高度问题
//www://www.baidu.com" target="_blank">http.baidu假设：Div ID为：A
高度600Iframe ID为
长和宽撑满 AIframe里显示的是<a href="http
我有更好的答案
A{height:600position:left:relative}#B{width:100%;height:100%;position:0;top:750px
不行，不知道是否哪里出错了还是？
你需要的是那个部分自适应高度？你的外层div 需要固定高度，那Iframe呢？
你好，我想Iframe及其内容超过DIV设定高度时，DIV随IFRAME及内容一起自适应。我是个新手~求教~
这个就比较麻烦了。需要通过JS来做了。首先，你需要在iframe内部获取iframe的高度，然后把这个高度值传到Iframe的外层页面再通过JS 分别设置 div 和 iframe的高度。这样，Iframe内部有多高，外层就有多高，这就实现了高度自适应。具体代码我在这里就不演示了，很简单的，用jquery 先获取 body.height(), 然后再window parent 查找#A,#B 分别设置高度我给你找了一个实例：你可以看一下
采纳率：65%
A{height:600position:left:relative}#B{width:100%;height:100%;position:0;top:750px
&div&id=&me_use&&class=&ption_a&&style=&height:&100%;&overflow-y:&&overflow-x:&&&&div&style=&width:100%,height:&&&--海狗商城--&/div&&div&style=&height:100%&&&&&&iframe&style=&width:100%;height:100%;frameborder:0;&scrolling:top:0;left:0&&id=&jinshi_data&&src=&&&&/iframe&&/div&&&&/div&上面是自适应的，支持滚轮，美中不足是最里层iframe的滚动条没去成功。
为您推荐：
其他类似问题
iframe的相关知识
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。JQueryiframe页面操作父页面中的元素与方法(实例讲解)
转载 & & 作者：
这篇文章主要是对JQueryiframe页面操作父页面中的元素与方法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
1）在iframe中查找父页面元素的方法：$('#id', window.parent.document)
2）在iframe中调用父页面中定义的方法和变量：parent.methodparent.value
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 xmlns="http://www.w3.org/1999/xhtml" &&head runat="server"&&&& &title&&/title&&&& &script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"&&/script&&&& &script language="javascript" type="text/javascript"&&&&&&&& var hello = 'hello';&&&&&&& function getHelloWorld() {&&&&&&&&&&& alert('hello world');&&&&&&& }&&& &/script&&/head&&body&&&& &form id="form1" runat="server"&&&& &div&&&& &div id="default" style=" width:200 height:400 float:"&default.aspx&/div&&&& &iframe id="iframeid" src="IFrame.aspx" style=" width:400 height:400 float:"&&/iframe&&&& &/div&&&& &/form&&/body&&/html&2.子页面 代码如下:&%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %&&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&&html xmlns="http://www.w3.org/1999/xhtml" &&head runat="server"&&&& &title&&/title&&&& &script language="javascript" type="text/javascript" src="jquery-1.5.1.min.js"&&/script&&&& &script language="javascript" type="text/javascript"&&&&&&&& $(function() {&&&&&&&&&&& //在iframe中查找父页面元素&&&&&&&&&&& alert($('#default', window.parent.document).html());&&&&&&&&&&& //在iframe中调用父页面中定义的方法&&&&&&&&&&& parent.getHelloWorld();&&&&&&&&&&& //在iframe中调用父页面中定义的变量&&&&&&&&&&& alert(parent.hello);&&&&&&& });&&& &/script&&/head&&body&&&& &form id="form1" runat="server"&&&& &div id="iframe"&&&&&&&& IFrame.aspx&&& &/div&&&& &/form&&/body&&/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
转载 & & 作者：
这篇文章主要介绍了JQuery操作iframe父页面与子页面的元素与方法。需要的朋友可以过来参考下，希望对大家有所帮助
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='1'&&&& &div&it is a iframe&/div&&/body&&&& &script&&&& $(document).ready(&&&&&&& function()&&&&&&& {&&&&&&& var c = $(window.parent.document.body) //麻烦的方法： var c = $($(window).eq(0)[0].parent.document).find('body'); ，忘了可以用前面的方法了&&&&&&& alert(c.html());&&&&&&& }&&& );&/script&&/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具为什么iframe放到div内部在设计视图下iframe会被挤到下面？怎么让iframe乖乖地进入_百度知道
为什么iframe放到div内部在设计视图下iframe会被挤到下面？怎么让iframe乖乖地进入
为什么iframe放到div内部在设计视图下iframe会被挤到下面？怎么让iframe乖乖地进入到div里面去？
我有更好的答案
居然还有在用iframe
自从ajax越来越火iframe就慢慢开始被淘汰了
采纳率：64%
来自团队：
为您推荐：
其他类似问题
&#xe675;换一换
回答问题，赢新手礼包&#xe6b9;
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。

我要回帖

更多关于 html div中调用js函数 的文章

 

随机推荐