document.ready和window.onload的区别

(function())和 (document).ready(function(){})
这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。
而window.onload是在dom文档树加载完和所有文件加载完之后执行一个函数。也就是说$(document).ready要比window.onload先执行。

window.onload = function () {
            alert('onload');

        };

        document.ready(function () {
            alert('ready');

        });

执行这段代码之后，你会看到浏览器里面会先弹出“ready”,在弹出onload。

$('#location').on('click',function(){
            var address = $("#office_address").val();
            address = encodeURIComponent(address);
            var longitude=$("#office_longitude").val();
            var latitude=$("#office_latitude").val();
            layer.open({//调用layer弹出层 
                type: 2,
                title: '地图位置',
                scrollbar: false,
                maxmin: false,
                shadeClose: false, //点击遮罩关闭层
                area : ['730px' , '590px'],
                content: '${ctx}/office.action?method:getLocation&office.address='+address+'&office.id=${ office.id }&office.longitude='+longitude+'&office.latitude='+latitude+'&pageNo=${ param.pageNo }&pageSize=${ param.pageSize }&conditionStr=${ conditionStrEncoded}'

            });
        });

        function rewrite(x,y,z){
            document.getElementById("office_longitude").value=x;
            document.getElementById("office_latitude").value=y;
            document.getElementById("office_address").value=z;
        }

function saveForm(){
     window.parent.rewrite($("#officelongitude").val(),$("#officelatitude").val(),$("#office_address").val());
     var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
     parent.layer.close(index); //再执行关闭 
}