javascript 能否调用到iframe标签包含页面中的函数

javascript 能否调用到iframe标签包含页面中的函数,第1张

可以的。只要两个页面有一定的关系,无论是通过iframe,还是frameset,甚至是windowopen,超链接等等方式,都可以让两个页面之间的js互相调用。注意,是互相调用,也就是说,两者谁都有办法调用另一个的js代码。

当然有前提,前提就是两个页面都是你自己的页面,是在同一个域下面的,否则牵扯跨域问题,就比较麻烦了。

互相调用的关键是获取另一方的window对象。通常页面中window对象就是window,直接使用。但通过某种关系的另一个页面的window就需要通过别的方式获取了。以iframe为例,跨域通过普通节点获取的方式得到iframe节点,比如iframe节点id为ifr,则:

var ifr = documentgetElementById('ifr');

var win = ifrwindow || ifrcontentWindow; // 考虑兼容性问题

这里获取到的win,就对应普通页面的window。要 *** 作这个框架页面,就可以通过这个win进行 *** 作了。比如获取框架页面的文档对象windocument,到了这一步,剩下的就和普通页面没有区别了。

要获取通过windowopen打开的页面的window引用就更简单了:

var win = windowopen(url); // 这个函数还有其它知识点,请自行搜索

而要在windowopen打开的页面中获取父页面的window,也就是打开该页面的页面的window,也很简单:

var win = windowopener; // 表示打开本window的那个页面的window

获取到另一个页面的window引用后,实际上另一个页面的很多控制权就拿到了。你可以通过获取到的window随意修改另一个页面了。比如要调用iframe中的a函数,就可以这样:

var ifr = documentgetElementById('ifr');

var win = ifrwindow || ifrcontentWindow;

wina(); // 调用iframe中的a函数

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

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

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

4、文件引入jquery 库。

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

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

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

呃,就是把iframe所嵌页面的元素id传回主页面么?

//iframe页定义一个函数,这个标记是定义在iframe页面里的

function sendPage(){

    windowparentjumpPage('标记');

}

//主页面获取标记,并跳转页面

function jumpPage(page){

    //跳转页面

    switch(page){

        case 'xxx':

        //do jump

        break;

    }

}

调用的时候,在iframe里面的页面调用sendPage函数就可以执行外层的跳转啦。。。

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,填写相应html代码。

2、在indexhtml的<script>标签中,输入js代码:

var a = $('#iframe')text();

var s = aindexOf('<iframe><body>');

var e = aindexOf('</body>');

var r = asubstr(s + 14, e - s - 14);

$('#iframe')parent()append(r);

3、浏览器运行indexhtml页面,此时两层iframe里的内容被取出来了。

以下函数能够获取当前鼠标在窗体内的坐标。但是如果该窗体内有个iframe,运行parentmouseposition(event),则获取的坐标会产生偏差(左移很大一段)。

没有明白

以上就是关于javascript 能否调用到iframe标签包含页面中的函数全部的内容,包括:javascript 能否调用到iframe标签包含页面中的函数、Jquery 获取iframe 中元素并设置CSS问题、extjs显示页面我使用html属性:然后引用一个iframe页面显示在页面中怎么获取iframe页面中某一标记的id等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9389705.html

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

发表评论

登录后才能评论

评论列表(0条)

保存