jquery怎么获取当前页面iframe的id

jquery怎么获取当前页面iframe的id,第1张

initPagerList 为 iframe 页面内的方法

<html>

<head>

 <title></title>

 <script>

  $(function(){

    /

     说明: iframeID 为iframe的ID;

     initPagerList 为 iframe 页面内的方法。

    /

    //调用iframe页面iframeID中的initPagerList方法

    $(windowparentdocument)contents()find("#iframeID")[0]contentWindowinitPagerList();

    //获取iframe页面iframeID中的文本框txtControlID对象

    var txtControlObj=$(windowparentdocument)contents()find("#iframeID")[0]contentWindowfind("#txtControlID");

    //为iframe页面iframeID中的文本框txtControlID赋值

    txtControlObjval("我就是你需要设置的内容值!");

  });

 </script>

</head>

<body>

</body>

</html>

具体实现代码如下所示:

function getTabWindow() {

var curTabWin = null;

var curTab = parent$('#main-center')tabs('getSelected');

if (curTab && curTabfind('iframe')length > 0) {

curTabWin = curTabfind('iframe')[0]contentWindow;

}

return curTabWin;

}

调用方式:

1、调用当前Tab中iframe窗体的testMth方法:getTabWindow()testMth();

2、设置当前Tab中iframe窗体的<span id="testPanel"></span>的内容:getTabWindow()$('#testPanel')html('我是设置的内容!!!');

Jquery可以使用“$("iframe body")html()”语句获取iframe里面body的html内容。

jQuery选择器允许对HTML元素组或单个元素进行 *** 作,所有选择器都以美元符号开头:$()。元素选择器基于元素名选取元素,例如:“$("p")”可以获取页面中所有<p>元素对应的jquery对象。

jQuery对象的html()函数用于获取该对象对应html标签内包含的所有html代码。

扩展资料:

jQuery选择器的分类:

1、元素选择器

jQuery元素选择器基于元素名选取元素,例如:“$("p")”用于选取出所有p标签的jquery对象。

2、id选择器

jQuery #id选择器通过HTML元素的id属性选取指定的元素。页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过#id选择器,例如:“$("#test")”于选取出id为“test”的jquery对象。

3、class 选择器

jQuery类选择器可以通过指定的class查找元素,例如:$("test")用于选取出所有包含“test”类的jquery对象。

参考资料来源:百度百科-jQuery

1、创建一个名称为css的html文件。

2、在页面中加入一个button按钮,当点击button的时候出发click事件。

3、在加入一个div设置宽和高还有背景色,当button的click事件中用css方法修改该div背景色。

4、文件引入jquery 库。

5、在文档准备方法中加入click点击事件。

6、在click事件中加入css方法设置div的背景色。

7、在浏览器中运行该文件。并点击button设置div的背景色。

jquery中获取iframe的id的方法:

var frameId = windowframeElement && windowframeElementid || '';

alert(frameId);

比如有个

<iframe id="FrameX" src="/indexhtml" scrolling="no" frameborder="0" >

用以上方法获取到后就显示FrameX。

父窗口中 *** 作iframe $(window frames["iframeChild"] document) //假如iframe的id为iframeChild 在子窗口中 *** 作父窗口 $(window parent document) 接下来就可以继续获取iframe内的dom了 获取iframe内的dom对象有两种方法 $(window frames["iframeChild"] document) find("#child") $("#child" window frames["iframeChild"] document) 在父窗口中 *** 作 选中IFRAME中的所有单选按钮

复制代码 代码如下: $(window frames["iframeChild"] document) find("input[@type= radio ]") attr("checked" "true");

在IFRAME中 *** 作 选中父窗口中的所有单选按钮

复制代码 代码如下: lishixinzhi/Article/program/Java/JSP/201311/20182

最近在开发时遇到使用了Iframe的情况,在一个父窗口里使用了Iframe,之后又想在父窗口中使用JQuery来获得Iframe里的元素,之前有使用过,久没使用就忘了,今日记录下来。

格式:

事例:

格式:

事例:

格式:

事例:

格式:

事例:

//jquery在父窗口中获取iframe中的元素

//1、获取页面firame1的html内容

$("#iframe1")contents()find("#form1")html()

//获取iframe内的网页标题

$("#iframe的ID")contents()attr("title");//jquery 方法1

//类似的方法

$(selector, windowtopdocument); 

$(selector, windowopenerdocument); 

$(selector, windowtopframes[0]document);

以上就是关于jquery怎么获取当前页面iframe的id全部的内容,包括:jquery怎么获取当前页面iframe的id、jquery easyui 怎样获得tab中的iframe、Jquery如何获取iframe里面body的html呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9607327.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存