夏日博客

iframe跨域传递或修改数据方法

iframe跨域传递或修改数据方法
本文章来给大家介绍关于frame、iframe跨域传递或修改数据方法,有需要了解利用iframe跨域传递数据的操作方法,有需要了解的朋友可进入参考. 本文示例基础,使用frameset、frame分割窗体,下面代码是典型的网站后台模式,顶部为bannner栏,下面左右分割两部分,当然也可以使用Javascript结合table标签等实现同样功能,代码如下: <frameset>       <frame name="bann...
2016年10月17日 前端设计 暂无评论 喜欢 2 阅读 0 views 次 阅读全文

js防止页面iframe调用代码

js防止页面iframe调用代码
我时我们发会现自己的网站给别要调用并且一模一样的，这个其实就是简单的iframe调用了，下面我来给大家介绍js防止页面iframe调用的方法总结吧，有需要的朋友可参考,防止自己的网页被人框架. top.location.href 最上层的地址 windows.location.href自己的地址 self指代当前窗口对象,属于window最上层的对象; location.href 指的是某window对象的URL地址. self.location.href指当前窗口的URL地址,去掉self默...
2016年10月15日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js中iframe调用父页面实现代码

js中iframe调用父页面实现代码
子页面调用父页面的方法在js中很容易实现我们在主页面加个函数，然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数，就写成：window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了,在父页面中调用该函数,代码如下: <script>   function dey() {   var cards_frame=document.frames("card-iframe");    //card-if...
2016年10月15日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript实现iframe框架延时加载

javascript实现iframe框架延时加载
有的时候我们希望页面的一些东西实现延时加载，这样可以不影响网站打开速度，下面我来给大家介绍javascript实现iframe框架延时加载方法吧。 需要加载区域HTML代码: <div id="indexlogin"></div>   下面代码放在底部,代码如下: <span id="tmpjsnews"><script type="text/javascript" src="你调用的js" language="javascript"></scri...
2016年10月15日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

iframe框架自适应高度多种方法介绍

iframe框架自适应高度多种方法介绍
iframe框架自适应高度这个问题有很多朋友写了非常不错的一些解决办法，下面我一些不错的iframe框架自适应高度的代码收藏起来给大家参考。 HTML代码如下: <iframe src="http://www.fufuok.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>   Javascript代码如下:...
2016年10月15日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

利用iframe与ajax无刷新表单提交

利用iframe与ajax无刷新表单提交
无刷新表单提交的方法有很多种，下面我来来介绍一种利用iframe与ajax几种方式表单提交实例,有需要的朋友可参考参考。 iframe实现ajax方式表单提交,代码如下: <html>   <head>   <script type="text/javascript">   function test(msg){    alert(msg);   }   </script>   </head>...
2016年10月15日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

简单的防止页面被包含在iframe代码

简单的防止页面被包含在iframe代码
虽然说这是一个简单的防止页面被iframe调用，其实这种方法完全可以防止页面给iframe调用了，我讲的只是代码简单哦。 <script type="text/javascript">    <!--    function frameBuster()    {          if (window != top)        ...
2016年02月21日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

解决artDialog弹出的iframe窗口不能关闭

解决artDialog弹出的iframe窗口不能关闭
下面我来介绍一个弹出插件在使用iframe时,然后点击关闭不了,下面我总结了两个解决办法. artDialog用法,代码如下: art.dialog(options)   var dialog = art.dialog({       title: '欢迎',       content: '欢迎使用artDialog对话框组件！',       icon: 'succeed'...
2016年02月19日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

js中iframe载入后高度自适应

js中iframe载入后高度自适应
本文章分为两部份来介绍，一是介绍关于iframe载入完毕的判断介绍了关于iframe载入完成的判断,然后根据判断我再介绍载入完成后使iframe高度自适应. 关于iframe载入完毕的判断介绍了关于iframe载入完成的判断方法 iframe中跨域载入页面，在父级页面由于跨域的限制是访问不了加载页面的window对象，也就调用不了子页面中声明的函数。 因此在父级页面中判断iframe是否载入完毕最初的方式是使用参照元素载入完成...
2016年01月28日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

iframe自适应高度实例与详解

iframe自适应高度实例与详解
iframe自适应高度实现原理与实例介绍有需要学习的机友可参考一一。 传统做法大致有两个. 方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度,代码如下: function SetWinHeight(obj)    {    var win=obj;    if (document.getElementById)    {    if&n...
2016年01月27日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

javascript中IFrame跨域高度自适应实现代码

javascript中IFrame跨域高度自适应实现代码
下面详细介绍了IFrame跨域高度自适应解决办法，主要是讲述了同域和跨域的js处理方法。 同域时Iframe高度自适应 下面的代码兼容IE/Firefox浏览器，控制id为“iframeid”的iframe的高度，通过JavaScript取得被嵌套页面最终高度，然后在主页面进行设置来实现。 另外,请注意此解决方案仅供同域名下使用,代码如下: <script type="text/javascript">         &nb...
2016年01月18日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

IE下iframe的onload事件用法介绍

IE下iframe的onload事件用法介绍
文章详细的介绍了关于iframe的onload事件在ie中的一些用法介绍，有需要了解的朋友可参考一下。 IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。 第二种方法比第一种方法更完美(采用readystatechange判断)，因为 readystatechange 事件相对于 load 事件有一些潜在的问题。 这里感觉说的并不是完全准确，开始给我造成了很大的困扰。看其代码才明白，真正意义上来讲IE在创建一...
2016年01月14日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery操作iframe中的元素和js函数

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：为某个...
2016年01月13日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jQuery同域跨iframe操作DOM例子

jQuery同域跨iframe操作DOM例子
下面为各位来介绍一个jQuery同域跨iframe操作DOM例子，如果各位对于jquery跨域操作不了解可以和小编一起来看看本文章吧。 iframe目前还是比较流行的，许多地方都通过它来实现特殊的情况。比如说传统的上传、select在ie6下、代理、跨域等等。今天呢，简要的记述一下跨iframe的相关操作，主要是用jQuery操作DOM结构方面。 1、父框架操作iframe <iframe src="a.php" id="aa"></iframe&g...
2016年01月11日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

artdialog弹出层iframe间数据传递分析

artdialog弹出层iframe间数据传递分析
在弹出的iframe再传值这个功能其实做起来是比较简单了，但是如果是基于artdialog弹出层iframe并且有多个层可能就会有一些bug了，下面来看问题解决方法． 我做的框架是基于artDialog的，其提供的 iframeTool plugin 实现了多级弹出层均基于同一parent的方式，使视觉上的多层弹出突破了可视范围的限制。 但是，多个弹出层基于同一父页面，便导致一个难题，如何界定弹出层的级别。 在开发框架的时候，我认为自...
2016年01月09日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Jquery获取iframe中对象的多种方法总结

Jquery获取iframe中对象的多种方法总结
在网页中的复合文档经常要用到ifrmae框架，获取iframe中的元素如果用Jquery操作的话工作效率会大提高很多。以下是本人在工作过程中收集的一些Jquery操作ifrmae的方法，分享给大家参考。 DOM方法： 父窗口操作IFRAME：window.frames["iframeSon"].document IFRAME操作父窗口: window.parent.document jquery方法: 在父窗口中操作 选中IFRAME中的所有输入框： $(window.frames["iframeSon"].document).find("...
2016年01月08日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

用jQuery创建iframe中name的几个问题

用jQuery创建iframe中name的几个问题
用jQuery创建iframe中name是碰到了几个问题，这几个问题折腾了很久，后面找到一文章大家一起来看解决方法吧。 尼玛上次做Upload.js的时候就发现了，由于没有记笔记导致今天还在这个问题上辗转了15分钟。。。妈蛋。。。 起因是用iframe+form来做上传功能，创建一个form>input来插入到body里，（ps：最好别插在你上传按钮dom的旁边，因为可能会出现form里套form，然后。。。），让input[type=file]的元素...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

Javascript利用iframe框架实现文件上传

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...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文

jquery刷新iframe页面的方法(兼容主流)

jquery刷新iframe页面的方法(兼容主流)
刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了，下面来看分析过程。 1，reload 方法，该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数:bForceGet,可选参数,默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下: <script language="JavaScript">&nbs...
2016年01月07日 前端设计 暂无评论 喜欢 1 阅读 0 views 次 阅读全文

jquery实现iframe高度自适应代码

jquery实现iframe高度自适应代码
在前端中我们时常会碰到关于高度自适应这个问题，今天看到有一个站长分享了一段代码，可实现任何页面高度自适应哦，并且兼容性好而是代码简洁了，下面给大家列举一下。 废话不多说，直接上代码。 一、父窗口代码,代码如下: <iframe id="_case" src="case.html" width="300" height="0" frameborder="0" scrolling="no" ></iframe>   二、子...
2016年01月07日 前端设计 暂无评论 喜欢 0 阅读 0 views 次 阅读全文