本月博客排行
-
第1名
龙儿筝 -
第2名
lerf -
第3名
zysnba - xiangjie88
- sgqt
年度博客排行
-
第1名
青否云后端云 -
第2名
宏天软件 -
第3名
gashero - wallimn
- wy_19921005
- vipbooks
- benladeng5225
- 龙儿筝
- javashop
- fantaxy025025
- ranbuijj
- zw7534313
- qepwqnp
- e_e
- 解宜然
- zysnba
- ssydxa219
- sam123456gz
- sichunli_030
- arpenker
- tanling8334
- kaizi1992
- xpenxpen
- gaojingsong
- jh108020
- wiseboyloves
- xiangjie88
- ganxueyun
- xyuma
- wangchen.ily
- jbosscn
- lemonhandsome
- zxq_2017
- mengjichen
- luxurioust
- lzyfn123
- forestqqqq
- nychen2000
- Xeden
- zhanjia
- wjianwei666
- ajinn
- hanbaohong
- 喧嚣求静
- jickcai
- kingwell.leng
- mwhgJava
- daizj
- silverend
- lich0079
最新文章列表
通过JS刷新iframe 页面数据
之前做了一个 要将提交的数据显示在一个iframe 中的JSP页面。
上面一个表单。下面是一个List 。因为是维护的东西。设计并不是我做的。list页面是放在一个iframe中
也就是 页面情况这样:
<form >
<input type ="text">
<input type ="button" value=提交& ...
转:各浏览器获取iframe内容方法以及调试结果
转自:http://ouyo.info/show.php?pid=1838
iframe.contentWindow.document
->iframe.contentWindow.document.documentElement
->iframe.contentWindow.document.documentElement.textConten ...
Iframe下的返回
在iframe的页面中如果使用history.back(),那么会使其主窗口后退。
如何令单独的子窗口后退呢?
或者如何指定某个页面后退呢?
查了一下网上各种说法,什么 top.history.back() 还有 self.history.back()之类的,经过我的实验都不行。
最后采用这种:
javascript:parent.document.getElementById ...
父/子页面方法调用
父页面/子页面相互调用关系(三种情况):
1.父页面采用window.open()方式打开子页面
【父页面调用子页面】
var child = window.open(); // child为子页面对象
child.method(); // method为子页面方法
【子页面调用父页面】
window.opener.method(); // opener为父页面对象,method为 ...
Iframe自适应
同域时Iframe高度自适应
下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然后在主页面进行设置来实现。
代码如下,可复制。另外,请注意此解决方案仅供同域名下使用。
<script type="text/javascript">
function SetCwinH ...
使用iframe ,父页面调用嵌套页面的内容
iframe 父级页面 js 是
MyIframe.window.getId(); MyIframe是iframe的名字,window,可以理解为对象
嵌套的页面 js是
function getId()
{
return "1";//这里就可以写你要的获取方法了
}
iframe异步加载技术及性能
我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是因为它可以和主页面并行加载,不会阻塞主页面。当然使用iframe也是有利有弊的:Steve Souders在他的blog里面有阐述:Using Iframes Sparingly:
iframe会阻塞主页面的onload事件
主页面和iframe共享同一个连接池
阻塞主页面的onload是这两个问题 ...
总结JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作
一、Iframe 篇
公共部分
//父对象得到子窗口的值
//ObjectID是窗口标识,ContentID是元素ID
function GetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
...
iframe或colorbox 父子窗口调用的方法
在父窗口中, 如此声明方法:
// 图片上传完成后, 子窗口掉用该方法进行, 修改父窗口的页面元素
// 该方法必须赋给变量.
<script type="text/javascript">
var callback = function callback(data){
$("#app_icon")[0].src = "<?php ...
iframe或colorbox 父子窗口调用的方法
在父窗口中, 如此声明方法:
// 图片上传完成后, 子窗口掉用该方法进行, 修改父窗口的页面元素
// 该方法必须赋给变量.
<script type="text/javascript">
var callback = function callback(data){
$("#app_icon")[0].src = "& ...
iframe子页面调用父页面javascript函数的方法
1、iframe子页面调用 父页面js函数
子页面调用父页面函数只需要写上window.parent就可以了。比如调用a()函数,就写成:
window.parent.a();
2、iframe父页面调用 子页面js函数
这个就稍微复杂一些,下面的方法支持ie和firefox浏览器:
document.getElementById('ifrtest').contentWind ...
跨域iframe高度自适应(兼容IE/FF/OP/Chrome)
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域、跨域两种情况。
由于客户端js使用浏览器的同源安全策略,跨域情况下,被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况,提示错误:Permission denied to access property 'document'。这是因为除 ...