js怎样获取iframe外域中鼠标点击网页中的任意控件对象

js怎样获取iframe外域中鼠标点击网页中的任意控件对象,第1张

是不是ahtml为网域A中的页面,而ahtml中嵌入iframe的bhtml为B网域的页面,而你要在ahtml这个页面中获得嵌入iframe的bhtml中的控件对象

因为ahtml和bhtml不在同一网域内,浏览器是禁止iframe的跨域访问的,这是浏览器从安全性角度出发而有的行为。所以,你的这个需求目前是无法实现的。

先说思路:

当点击某一行的时候,能得到这个tr的对象,可以通过这个对象得到该行的所有td对象,这时候可以通过一个序号来获取这一行的某个td的数据

下面以代码来解释

<table id="tb">

    <tr>

        <td>a</td><td>b</td><td>c</td>

    </tr>

    <tr>

        <td>aa</td><td>bb</td><td>cc</td>

    </tr>

</table>

<script>

    //以jquery为例实现点击某行获得某个td的数据

    $( "#tb tr" )click( function() {//给每行绑定了一个点击事件

        var td = $( this )find( "td" );//this指向了当前点击的行,通过find我们获得了该行所有的td对象

        //题中说到某个td,为了演示所以我们假设是要获得第3个td的数据

        var data = tdeq( 2 )html();//通过eq可以得到具体的某个td对象,从而得到相应的数据

    } );

</script>

综上,我们就实现了通过点击某行获得某个td的数据。

代码 请收下~~~~

<body>

<span class="okdog" lay-id="user1">1只狗</span><span class="okdog" lay-id="user2">2只狗</span><span class="okdog" lay-id="user3">3只狗</span><span class="okdog" lay-id="user4">4只狗</span><span class="okdog" lay-id="user5">5只狗</span>

<div id="showdog">输出结果</div>

<script>

var res = documentgetElementsByClassName('okdog');

for(var i=0;i<reslength;i++){

    res[i]addEventListener('click',function(e){

       alert(esrcElementinnerHTML)

    },false);

}

</script>

</body>

以上就是关于js怎样获取iframe外域中鼠标点击网页中的任意控件对象全部的内容,包括:js怎样获取iframe外域中鼠标点击网页中的任意控件对象、在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据、js获取class对象的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9790279.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存