iframe里多层下的div

2024-11-05

iframe多层嵌套时获取元素总结

父页面获取子页面元素: 注意:onload事件 jQuery获取: $("iframe").contents().find("holder")......; (嵌套三层,或者更多时) $('iframe').contents().find('iframe').contents().find("iframe")...... js获取: window.frames["holder"].document 或者 window.fram

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

[转]关于ASP.NET(C#)程序中TEXTBOX下动态DIV跟随[AJAX应用]

本文转自:http://blog.csdn.net/lolenboy/article/details/1665814 说明: 环境:ASPNET(c#),SQL2K 事例:TEXTBOX下跟随DIV,在TEXTBOX中输入内容,DIV上就显示出相应的查询结果[AJAX],类似于股票输入查询. 页面:一个显示页面(FilialeList):一个后台处理中间文件,一个数据库操作文件,JS操作文件. 显示页面FilialeList: 关键代码 : 调用JS文件 <script language="

用jQuery在IFRAME里取得父窗口的某个元素的值

收集网上的一些示例: 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作选中父窗口中的所有单选钮 $(window

iframe 里的高度适应的问题

iframe 这个东西功能是很强大,但是有一个巨大的问题就是高度自适应的问题: 不过这个问题,百度或者谷歌上有很多解决办法,但是,很多时候都有兼容性问题: 所有我就每个方法都试了一遍,终于找到了一个感觉很牛的样子,不需要用到js 就可以让iframe 里的内容覆盖整个页面,感觉很舒服.哈哈哈 <html> <head> <meta charset="UTF-8"> <title></title> </head>

js获取iframe里的body内容

做个页面需要加入a.html 使用的js动态添加iframe 直接JQ添加的代码 $(".banner-box").after(“<iframe src="http://www.xxx.com/publish/d1111top.html" height="8191" width="100%" frameborder="0" scrolling="no" id="fra

iframe 里的高度自适应

由于公司里的很多东西都要用到iframe 导致我不得不各种百度首先是自适应高度 // document.domain = "caibaojian.com"; function setIframeHeight(iframe) { if (iframe) { var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow; if (iframeWin.document.body) { iframe.h

百度编辑器UEditor源码模式下过滤div/style等html标签

UEditor在html代码模式下,当输入带有<div style="">.<iframe>这类带有html标签的内容时,切换为编辑器模式后,会发现输入的内容被删除,自动过滤掉了.提供两种解决方案: 1.“白名单法“,此即网上找的很多配置黑白名单,不过都适用于老版本:新版本的文件名做了很大改变,找不到那些方法中描述的原样文件.但是,一套程序的原理总是不变的,通过几天的研究.试了多种方法,发现,最新的版本(1.4.3)也有个所谓“白名单”,通过配置即可实现对默认的

在iframe里调用parent.func()引出的js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里

有个document里定义了一个函数func(),同时在document里嵌入了一个iframe,在这个iframe里调用父窗口的方法:parent.func(),本来我以为这个函数的运行环境是在这个iframe自己里面,测试发现虽然是在iframe里面调用的这个函数,但是运行环境依然是在父窗口里. 所以也验证了JS权威指南中的:js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. 又比如 var a=1; function f1(){console.log(a);}; functi

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

原生JS操作iframe里的dom

转:http://www.css88.com/archives/2343 一.父级窗口操作iframe里的dom JS操作iframe里的dom可是使用contentWindow属性,contentWindow属性是指指定的frame或者iframe所在的window对象,在IE中iframe或者frame的contentWindow属性可以省略,但在Firefox中如果要对iframe对象进行编辑则,必须指定contentWindow属性,contentWindow属性支持所有主流浏览器. 相

jQuery在iframe里取得父窗口的某个元素的值

提供一款jQuery在iframe里取得父窗口的某个元素的值实现,这个iframe用js也差不多,有需要的朋友可以参考一下. 1.在父窗口中获取指定iframe(testiframe) id 为 testid 的class $(window.frames["testiframe"].document).find("#testid").attr('class'); 2.在IFRAME中获取父窗口中id为testid的class $(window.parent.docu

在父页面和其iframe之间函数回调父页面回调iframe里写的函数

// @shaoyang 父页面 window['mengBanLogin']={ mengBanArr : new Array(), mengBanLoginSuccess : function(){ console.log('mengbanzhixing'); if(mengBanLogin.mengBanArr.length > 0){ for(var i = mengBanLogin.mengBanArr.length-1; i >= 0; i--){ mengBanLogin.me

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.

angular-使用iframe做独立页（iframe传值到angular和iframe里请求后台数据）

这个方法使用过两次.一次是在项目中嵌入一个表达式生成器.因为用别人做好的网页变成组件很难,而且里面用了jq,与angular思想相反不能用.另一次是因为想要单独引用样式.而innerHTML使用的样式放在组件css里不生效.放在assets里又影响全局样式.所以使用iframe. 第一种是在iframe页中获取我需要的值传回angular页.另一种是将后台请求参数传向iframe页.在iframe引用的页中请求并返回后台数据用innerHTML展示. 两种都先链接到iframe并传参.首先ifr

iframe里访问父级里的方法属性

window.parent.attributeName; // 访问属性attributeName是在父级窗口的属性名 window.parent.Func(); // 访问属性Func()是在父级窗口的方法 window可以不写项目里用于上传文件功能使用了iframe,在引用iframe的页面里取父类元素或JS里的变量时候,需加上window.parent. 在index.JS定义的JS变量bootStrapFileUploadUrl = “上传的url”:在iframe里取的时候如下:

【案例】鼠标按下，DIV跟随移动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鼠标按下,DIV跟随移动</title> <style> *{ margin: 0; padding: 0; } #ball{ width: 200px; height: 200px; background: pink; border-radiu

通过select下拉框里的value控制div显示与隐藏

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> <script> $(function() { //隐藏d

Jquery 获取父页面下指定iframe里的指定元素

var div1=$("#iframe1",window.parent.document).contents().find("#div1");

如何阻止iframe里引用的网页自动跳转

今天做了个网页,要在网页http://www.58shuwu.com/to/21766654/Legend%20of%20Miyue/ 里设置一个iframe,然后套用其他的网站.使用http://movie.douban.com/subject/21766654 这个网址的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上.搜索了一番,才知道原来这个网页用了如下的一段代码: if (top.location != self.location) {top.location=sel

ul里不能直接嵌套div(在ie7以前版本)

平时为了写某个js效果,从而忽略了标签的嵌套从而导致了IE6-7混乱,在ul下,直接嵌套div,在ie7以前版本,会出现的状况是:div会被离它最近的li包裹住. 请看dome <ul class="clearfix" > <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <div cla

iframe里多层下的div

热门专题