最近做Web前端开发的几点Tip

一、使用jQuery做$.post时有时会发现callback（回调函数）没有被执行，可能的原因和检查方式：

1. post是不是成功，可以使用Firebug工具检查请求是否成功发送，结果是否已经返回。
2. post返回结果的格式是否正确。比如要求返回结果是JSON格式，如果结果返回格式错误，回调函数不会被执行。比如如下JSON格式的结果，由于“update_time"的值与JSON格式相冲突，导致整个结果无法解析，回调函数也不会被执行。

{"cat_id":"404cfd03-3d7d-421f-aef6-54cd6f8ff983","summary":"fadsf","content":"好好吃啊","id":"1220c7d5-cece-4a16-afd5-c6d4e7e97d35","title":"家乡鹅真的不错","update_time":2010-12-24 23:50:43.0,"status":"1","pos_y":"107.91223144531251","pos_x":"35.966147568853","cat_name":"General"}

 

二、使用javascript改变div的显示/隐藏时必须直接设置display和visibility:

IE必须设置visibility=hidden才能达到效果，而Firefox不需要。

我尝试了三种方式来隐藏一个div，如下代码可以达到效果。而定义一个css类， 比如 .noDisplay {display:none; visibility:hidden;}，然后设置readOnlySampleDiv.setAttribute("className", "noDisplay"); 或者readOnlySampleDiv.setAttribute("class", "noDisplay"); 或者readOnlySampleDiv.class = "noDisplay"; 都无法达到目的。

var readOnlySampleDiv = document.getElementById("readOnlySample"); readOnlySampleDiv.style.display = "none"; readOnlySampleDiv.style.visibility = "hidden";

三、如果javascript代码中包含中文，则有可能显示出乱码，解决方式是在导入js时设置charset，如：

<script type="text/javascript" src="your_file.js" charset="GBK"></script>

四、如果来自同一个domain，iframe里页面的js可以访问父页面javascript的全局变量，如：

在父页面javascript里定义了全局变量 var parentVar; 则在子页面的javascript里可以用parent.parentVar来访问该变量。