js问题杂记

   问题一：

   由于jquery可以动态异步添加页面元素，很多时候我们都不知道一个页面元素什么时候加载完成。常规的jquery的ready和js的document.onload执行是也许我们需要操作的元素还没生成完成。所以我们只能用定时器不断的循环，判断如果元素生成了。则执行我们想要的操作。

//页面加载完成是执行
        $(function () {
            customTimer();
        });
        //自定义 定时器(假设div_digg是动态生成)
        function customTimer() {
            if ($("#div_digg").length) {
                //$("#div_digg").    这里就可以执行想要的操作
            }
            else {
                var intervalId = setInterval(function () {
                    if ($("#div_digg").length) {    //循环判断是否存在
                        clearInterval(intervalId);  // 则关闭定时器
                        customTimer();              //执行自身
                    }
                }, 100);
            }
        }

 

问题二：IE中console未被定义 错误。

window.console = window.console || (function () {
    var c = {};
    c.log = c.warn = c.debug = c.info
          = c.error = c.time = c.dir = c.profile
          = c.clear = c.exception = c.trace = c.assert =
             function () { };
    return c;
})();

 

问题三：使用JS或jQuery模拟鼠标点击a标签事件

方法1:

<a id="alink" href="abc.aspx"  style="visibility: hidden;">下一步</a>

$("#alink").click();  // 触发了a标签的点击事件，但是没有触发页面跳转
document.getElementById("alink").click(); //既触发了a标签的点击事件，又触发了页面跳转

 方法2：

把 “下一步” 改为 “<span id="spanId">下一步</span>” 即给A标签中的文字添加一个能被jQuery捕获的元素，然后$("#spanId").click()；，才可以触发页面跳转。

<a id="alink" href="abc.aspx"  style="visibility: hidden;"><span id="spanId">下一步</span></a>

$("#spanId").click();