本文章来给大家介绍关于frame、iframe跨域传递或修改数据方法,有需要了解利用iframe跨域传递数据的操作方法,有需要了解的朋友可进入参考.
本文示例基础,使用frameset、frame分割窗体,下面代码是典型的网站后台模式,顶部为bannner栏,下面左右分割两部分,当然也可以使用Javascript结合table标签等实现同样功能,代码如下:
<frameset>
<frame name="bann...
js防止页面iframe调用代码
我时我们发会现自己的网站给别要调用并且一模一样的,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考,防止自己的网页被人框架.
top.location.href 最上层的地址
windows.location.href自己的地址
self指代当前窗口对象,属于window最上层的对象;
location.href 指的是某window对象的URL地址.
self.location.href指当前窗口的URL地址,去掉self默...
js中iframe调用父页面实现代码
子页面调用父页面的方法在js中很容易实现我们在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了
比如调用a()函数,就写成:window.praent.a();
但是我在chrome浏览器下却发现此方法无效了,在父页面中调用该函数,代码如下:
<script>
function dey() {
var cards_frame=document.frames("card-iframe"); //card-if...
javascript实现iframe框架延时加载
有的时候我们希望页面的一些东西实现延时加载,这样可以不影响网站打开速度,下面我来给大家介绍javascript实现iframe框架延时加载方法吧。
需要加载区域HTML代码:
<div id="indexlogin"></div>
下面代码放在底部,代码如下:
<span id="tmpjsnews"><script type="text/javascript" src="你调用的js" language="javascript"></scri...
iframe框架自适应高度多种方法介绍
iframe框架自适应高度这个问题有很多朋友写了非常不错的一些解决办法,下面我一些不错的iframe框架自适应高度的代码收藏起来给大家参考。
HTML代码如下:
<iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>
Javascript代码如下:...
利用iframe与ajax无刷新表单提交
无刷新表单提交的方法有很多种,下面我来来介绍一种利用iframe与ajax几种方式表单提交实例,有需要的朋友可参考参考。
iframe实现ajax方式表单提交,代码如下:
<html>
<head>
<script type="text/javascript">
function test(msg){
alert(msg);
}
</script>
</head>...
简单的防止页面被包含在iframe代码
虽然说这是一个简单的防止页面被iframe调用,其实这种方法完全可以防止页面给iframe调用了,我讲的只是代码简单哦。
<script type="text/javascript">
<!--
function frameBuster()
{
if (window != top)
...
解决artDialog弹出的iframe窗口不能关闭
下面我来介绍一个弹出插件在使用iframe时,然后点击关闭不了,下面我总结了两个解决办法.
artDialog用法,代码如下:
art.dialog(options)
var dialog = art.dialog({
title: '欢迎',
content: '欢迎使用artDialog对话框组件!',
icon: 'succeed'...
js中iframe载入后高度自适应
本文章分为两部份来介绍,一是介绍关于iframe载入完毕的判断介绍了关于iframe载入完成的判断,然后根据判断我再介绍载入完成后使iframe高度自适应.
关于iframe载入完毕的判断介绍了关于iframe载入完成的判断方法
iframe中跨域载入页面,在父级页面由于跨域的限制是访问不了加载页面的window对象,也就调用不了子页面中声明的函数。
因此在父级页面中判断iframe是否载入完毕最初的方式是使用参照元素载入完成...
iframe自适应高度实例与详解
iframe自适应高度实现原理与实例介绍有需要学习的机友可参考一一。
传统做法大致有两个.
方法一,在每个被包含页在本身内容加载完毕之后,执行JS取得本页面的高度,然后去同步父页面的iframe高度,代码如下:
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if&n...
javascript中IFrame跨域高度自适应实现代码
下面详细介绍了IFrame跨域高度自适应解决办法,主要是讲述了同域和跨域的js处理方法。
同域时Iframe高度自适应
下面的代码兼容IE/Firefox浏览器,控制id为“iframeid”的iframe的高度,通过JavaScript取得被嵌套页面最终高度,然后在主页面进行设置来实现。
另外,请注意此解决方案仅供同域名下使用,代码如下:
<script type="text/javascript">
&nb...
IE下iframe的onload事件用法介绍
文章详细的介绍了关于iframe的onload事件在ie中的一些用法介绍,有需要了解的朋友可参考一下。
IE 支持 iframe 的 onload 事件,不过是隐形的,需要通过 attachEvent 来注册。
第二种方法比第一种方法更完美(采用readystatechange判断),因为 readystatechange 事件相对于 load 事件有一些潜在的问题。
这里感觉说的并不是完全准确,开始给我造成了很大的困扰。看其代码才明白,真正意义上来讲IE在创建一...
jquery操作iframe中的元素和js函数
iframe调用界面我们可以使用上级函数来进行操作了,这个功能小编常会使用到,今天一起来看一个例子,具体细节如下所示。
1、jquery操作iframe中的元素(2种方式)
var str = $(window.frames["iframe"].document).find("#ljiong").html();
var stk = $("#iframe").contents().find("#ljiong").html();
2、操作父界面中的元素(header:为某个...
jQuery同域跨iframe操作DOM例子
下面为各位来介绍一个jQuery同域跨iframe操作DOM例子,如果各位对于jquery跨域操作不了解可以和小编一起来看看本文章吧。
iframe目前还是比较流行的,许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢,简要的记述一下跨iframe的相关操作,主要是用jQuery操作DOM结构方面。
1、父框架操作iframe
<iframe src="a.php" id="aa"></iframe&g...
artdialog弹出层iframe间数据传递分析
在弹出的iframe再传值这个功能其实做起来是比较简单了,但是如果是基于artdialog弹出层iframe并且有多个层可能就会有一些bug了,下面来看问题解决方法.
我做的框架是基于artDialog的,其提供的 iframeTool plugin 实现了多级弹出层均基于同一parent的方式,使视觉上的多层弹出突破了可视范围的限制。
但是,多个弹出层基于同一父页面,便导致一个难题,如何界定弹出层的级别。
在开发框架的时候,我认为自...
Jquery获取iframe中对象的多种方法总结
在网页中的复合文档经常要用到ifrmae框架,获取iframe中的元素如果用Jquery操作的话工作效率会大提高很多。以下是本人在工作过程中收集的一些Jquery操作ifrmae的方法,分享给大家参考。
DOM方法:
父窗口操作IFRAME:window.frames["iframeSon"].document
IFRAME操作父窗口: window.parent.document
jquery方法:
在父窗口中操作 选中IFRAME中的所有输入框: $(window.frames["iframeSon"].document).find("...
用jQuery创建iframe中name的几个问题
用jQuery创建iframe中name是碰到了几个问题,这几个问题折腾了很久,后面找到一文章大家一起来看解决方法吧。
尼玛上次做Upload.js的时候就发现了,由于没有记笔记导致今天还在这个问题上辗转了15分钟。。。妈蛋。。。
起因是用iframe+form来做上传功能,创建一个form>input来插入到body里,(ps:最好别插在你上传按钮dom的旁边,因为可能会出现form里套form,然后。。。),让input[type=file]的元素...
Javascript利用iframe框架实现文件上传
iframe框架实现文件上传原理就是点击表单上传时我们在from的打开方式是在iframe模式中操作了,这个就非常的简单了,下面给各位把例子介绍一下吧。
html
<form name="multiform" id="multiform" action="multi-form-submit.php" method="POST" enctype="multipart/form-data">
姓名: <input type="text"&n...
jquery刷新iframe页面的方法(兼容主流)
刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了,下面来看分析过程。
1,reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])
参数:bForceGet,可选参数,默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下:
<script language="JavaScript">&nbs...
jquery实现iframe高度自适应代码
在前端中我们时常会碰到关于高度自适应这个问题,今天看到有一个站长分享了一段代码,可实现任何页面高度自适应哦,并且兼容性好而是代码简洁了,下面给大家列举一下。
废话不多说,直接上代码。
一、父窗口代码,代码如下:
<iframe id="_case" src="case.html" width="300" height="0" frameborder="0" scrolling="no" ></iframe>
二、子...