jquery/js iframe 元素操作

1.判断id/ class 是否存在？

<script>

$(function(){

    if(("#id_name").length()>0){

    //如果id 存在

    }

})

</script>

2.jquery 判断 undefined

<script>

var exp = undefined;

if (typeof(exp) == "undefined")

{

    alert("undefined");

}

</script>

3.jquery 获取iframe元素内容

<script>

     //格式：

    $("#iframe的ID").contents().find("#iframe中的控件ID").click();//jquery 方法1

    //实例：

    $("#ifm").contents().find("#btnOk").click();//jquery 方法1

</script>

4.在iframe中获取iframe的父类元素

<scritp>

    $('#父窗口中的元素ID', parent.document).click();

    $('#btnOk', parent.document).click();

</script>

5.jquery 子元素获取当前iframe的id

<scritp>

self.frameElement.getAttribute('id');

 window.frameElement.id ;//jquery 子元素 获取当前iframe的id

</script>

6.jquer操作CSS

<script>

 $(".rendering").children().eq(0).css("color","white");//css的操作 color:white

</script>

7.jquery 添加/移除clss

注意：jQuery在操作class的时候，一定要循环取class，否则，默认是处理第一个元素

<script>

$(this).parent().addClass("am-in");//添加class为 “am-in”的class
$(this).parent().removeClass("am-in");//移除class为 “am-in”的class

</script>

8.hover实现：

<script>
//鼠标移上去，移走的颜色

$(this).hover(function(){

                 $(this).children().eq(0).css("background-color","#0e90d2");

                 $(this).children().eq(0).css("color","#eee");

            },function(){

                 $(this).children().eq(0).css("background-color","#ffffff");

                 $(this).children().eq(0).css("color","#6b6b6b");

            })

</script>

9.jquery 判断iframe是否加载完成

$("#myFrameName").load(function () { //myFrameName iframe 的id

	//加载完成

	});

10,在父页面判断子页面被点击：

 var iframe = document.getElementById('gislist');

	    iframe.contentDocument.onclick = function () {

            iframe.contentWindow.parent.hideZKZ();

        };

11.jquery 字符串分割

var arr = 'sss@vvv'.split('@');

此时 arr为数组；

12.

13.当前页面调用 iframe 的函数

var x = $("iframe id")[0].contentWindow;

x.functionName()

14.iframe 调用父页面的 Js 变量；

parent.method

parent.variable

15.select 默认显示

http://www.cnblogs.com/colaman/p/9719681.html

16.

获取iframe中的js变量tree：

1 var tree = document.getElementById('projectIframe').contentWindow.tree;

2

3 或者

4

5 $("#divId").find("iframe")[0].contentWindow.tree;

17.当前iframe 获取兄弟iframe

  var iframe = window.parent.document.getElementById('monitor');//monitor为兄弟iframe的id

     var b = iframe.contentWindow.document;

     var temperature = b.getElementById("Temperature");

     b.getElementById("jkxxTabs");

用iframe嵌套页面时，如果父页面要获取子页面里面的内容，可以使用contentWindow或者contentDocument，其区别如下：

　　1、contentWindow 这是个只读属性，返回指定的iframe的窗口对象。它虽然不是标准的一部分，但各个主流浏览器都支持。

　　2、contentDocument Firefox 支持，IE6，IE7都不支持，IE8开始支持,需要如此访问 document.frames['J_mainframe'].document。

18.在iframe本页面，要操作这个iframe的父页面的DOM元素（即嵌套这个iframe的页面）可以用：

　　window.parent、window.top(这里的TOP是获取的顶层，即有多层嵌套iframe的时候使用)

秒客网

jquery/js iframe 元素操作

相关文章