子窗口使用window.opener调用父窗口函数动态增删表格行数的问题

最新推荐文章于 2023-07-10 22:39:50 发布

小七月不掉头发

最新推荐文章于 2023-07-10 22:39:50 发布

阅读量334

点赞数

分类专栏：未知的诡异事件文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_47803168/article/details/111190656

版权

本文介绍了在使用IE11浏览器时，子窗口通过window.opener调用父窗口函数实现动态增删表格行数遇到的问题及解决方案。在调用过程中，虽然遇到未解决函数警告但依然能成功运行。主要问题在于删除函数接收到的参数并非预期的id，而是行对象。通过调整，实现了动态增加和删除功能。此外，还发现设置重复id时，删除操作会异常，只删除第一行，直至不存在重复id时才恢复正常删除行为。

摘要由CSDN通过智能技术生成

子窗口使用window.opener调用父窗口函数动态增删表格行数的问题
使用IE11浏览器
1、在子窗口调用函数的地方报了一个未解决的函数的警告，不过运行也是可以成功
2、在主窗口中调用删除表格的行数传递参数很诡异`
(1)从下面代码中可以看到，我设置了新插入行的id是invregnum，这是一个表格的主键，不会重复，就刚好用来设置id了；
(2)然后因为它是id，想着删除的时候通过它来获取行的index，就作为参数，传给删除函数了，删除函数在第一个函数的最后一行；
(3)但是传过去以后，通过alter打印，我发现接收到的并不一个id，而是一个行的对象，所以在删除函数里面我直接使用它调用rowIndex方法获取行号删除；在增加函数里面使用alter单独打印invregnum也可以看到是一个字符串。
(4)最后完成子窗口动态增加父窗口表格行，删除行的功能。
(5)另外还有一个小问题，就是在子窗口增加行的时候，会给行设置一个id，当设置一个重复的id的时候，在刚刚设置完成的时候去读取的话，也是没有问题的，可是在调用删除函数去读取的时候就会将表格的第一行给删掉，而且我测试的结果是只要表格中存在两个相同的id，则两个id行对应的行号都是Undefined，删除重复id行时时只会删除第一行，直到没有重复id行才会进行正常删除

//动态添加企业投资人信息
  function addInv(invname,cty,orgcode,invregnum){
   
    //根据ID拿到表格table
    var invtable = window.document.getElementById("Invtable");

    //获取表格长度
    var index = invtable.rows.length;