【[置顶] js操作iframe兼容各种浏览器】的更多相关文章

[置顶] js操作iframe兼容各种浏览器

在做项目时,遇到了操作iframe的相关问题.业务很简单,其实就是在操作iframe内部某个窗体时,调用父窗体的一个函数.于是就写了两个很简单的htm页面用来测试,使用网上流行的方法在谷歌浏览器中始终报错,不能通过. 父页面parent.html的代码如下 <html xmlns="http://www.w3.org/1999/xhtml"> <head><title> </title> <script src="jque…

JS 操作iframe

很多人一直都有个想法,要是可以随心所欲的操作iframe就好了.这样静态页面也就有了相当于后台动态页面php,jsp,asp中include,require实现统一多页面布局的能力. 通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容.这样的操作需要提供两个页面,一个页面是iframe所在页面(页面名称:iPage.html),另一个页面是iframe属性src指向页面(页面名称:srcPage.html). iPage.html,<b…

原生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属性支持所有主流浏览器. 相…

JS操作iframe

1. 获得iframe的window对象 存在跨域访问限制. chrome:iframeElement. contentWindow firefox: iframeElement.contentWindow ie6:iframeElement.contentWindow 文章Iframes, onload, and document.domain中说“he iframe element object has a property called contentDocument that conta…

js操作iframe总结

一 在父页面操作子页面   IE下操作IFrame内容的代码: document.frames["MyIFrame"].document.getElementById("s").style.color="blue"; 但是这在Firefox下无效.所以,想到在Firefox下用FireBug来调试.经过调试发现在Firefox下可用以下代码来实现:   document.getElementById("MyIFrame").c…

JS操作iframe元素

1.  demo1.html页面中有个iframe元素,iframe元素的src是iframe1.html,怎么在demo1.html页面中操作iframe1.html页面 答曰:demo1.html中,js先找到iframe元素(比如命名为:oIframe),那么oIframe.contentWindow就是iframe1.html这个页面的window,剩下了就是DOM操作的事情了. 举例:要求:demo1.html页面中有个按钮,点击按钮,iframe1页面某些文字改变颜色 <!DOCTY…

html5 video.js 使用及兼容所有浏览器

废话少说,直接开始 一.准备材料 video.js下载: http://www.videojs.com/ 二.代码 引入相关文件:(必须放在文件的开头,也是说一定要放在video标签之前) 贴入html代码: <video id="example_video_1" class="video-js" width="640" height="410" controls="controls" autopla…

[置顶] js对象

js中,一切事物都是对象.对象是一切的基础. 而具体到某一个对象时. 对象则是包含一组变量和函数的集合实例 我们先来中体会下je对象的全局. 接下来就具体揭开这个对象的面纱吧 ja对象分类 Function对象 Function实例 构造函数function Object对象 创建静态对象 两者区别 Function·对象,具有调用功能 (可当做构造函数,添加参数), 1通过new关键字实例化,构造函数function,必须通过 function实例,如alert() 2 Object对象,具有…

js操作iframe框架时应该屡清楚的一些概念

1.获取iframe的window对象 存在跨域访问限制. iframeElement.contentWindow 兼容 2.获取iframe的document对象 存在跨域访问限制. chrome: iframeElement.contentDocument firefox: iframeElement.contentDocument ie:iframeElement.contentWindow.document(ie没有iframeElement.contentDocument属性) var…

加入收藏夹的js代码(求兼容chrome浏览器的代码)

从网上找了加入收藏夹的js代码,但不兼容chrome,不知道有没有兼容chrome的相关代码,希望有知道的告诉一下,谢谢! 代码如下 $("#id").click(function(){ var url = "www.xxx.xxx"; var title = "xxx"; if (window.sidebar) { // Mozilla Firefox Bookmark window.sidebar.addPanel(title, url,&q…