用JS定时监视DIV里的内容是否发生变动 , 如果发生变动的话执行JS命令

用JS定时监视DIV里的内容是否发生变动 , 如果发生变动的话执行JS命令,第1张

你其实要的是数据双向绑定功能,现在的数据监听兼容性都不是很好,你可以换种思路

注:不应该在div中直接使用td,td必须包含在标准的table格式中,不过先按你的来

js:

function notifyMe(){

}

functino refresh(){

    //假如这个是你获取td中数据的方法

    var data = "一堆td"//假设这个是你的td,而且你使用了jquery

 岁亏   var html = $(data)//利羡核用jquery来将字符串转成对象

    html.each(function(){//遍历新数据

        var index = $(this).index()//第几个td

        var oldText = $("#fresh td:eq("+index+")").text()//之前第index个td中的内容

  兄雀掘      var newText = $(this).text()//新td中的内容

        if(oldText != newText){//如果老的和新的不一样

            notifyMe(oldText, newText)//notifyYou 我顺便吧老的新的text都传给你了

            //return false //如果你只想notify一遍,就把这个注释打开

        }

    })

    //最后再把新的放到fresh的div里面

    $("#fresh").html(data)

}

这样的话,在放到fresh之前就已经知道是否改变过了

第一种,alert,也是最原始的

用for循环逐一读取obj的数据然后alert或者展示到页面的dom元素内。

第二种,控制台输出

console.log(obj),然后按f12打开调试面板然后切换到控制台标签查看,但是ie下不能查看到具体的值。

第三种,添加监视

按F12打开调试面板然后切换到调悉脊森试(脚本)标签,然后找到你要查看的obj代码,然后在这一行打一个断点,然后点击按钮(其他能触发代码运行到这里的 *** 作都行)然代码运行到这里,然后右键obj这个变量添加监视然后查看obj属性。

第四种,全局变量

在你要查看obj变量的代码位置后加上window.temp_obj = obj然后按F12打开调试界面,接着打开控制台标签,然后输入temp_obj再输入.看提示有哪睁亩些属性,然后输入temp_obj.attrName按回车看指定属性的名称,或者直接输入temp_obj按回车查看。

其他的不多说,但大体都是这野液些衍生出来的调试方法,具体怎么运用视情况而定。


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

原文地址: http://outofmemory.cn/bake/11967303.html

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

发表评论

登录后才能评论

评论列表(0条)

保存