静态界面遇到的问题总结

1. Uncaught TypeError: Cannot read property ‘style’ of undefined（无法读取style属性）
   解决方法：原因有可能是没有读取到相对应的id，或者根本不存在这个id，检查一下，还有可能在html中引用JS文件，文件中使用这个id时出现的这个问题，判断一下文件是否真的被引用成功

2. 界面上存在图片带有被点击事件时，点击图片会出现边界， 去掉边界的方法：加上图片style属性中的 style="outline:none"即可

3. 界面点击导入按钮上传文件并不刷新界面，多次上传相同文件不多次触发onchang事件
   解决方法：每次获取文件对象后清空这个文件值，具体代码如下

   var va=$("#files").val();
   var selectedFile = document.getElementById(“files”).files[0];//获取读取的File对象
   $("#files").val(" ");//获取文件后清空值

4. 界面获取上传文件名字和大小函数：

   var name = selectedFile.name;//读取选中文件的文件名
   var size = selectedFile.size;//读取选中文件的大小
   console.log(“文件名:”+name+“大小：”+size);//控制台输出验证一下

5. selected标签置为默认项，若想把当前的options置为默认项时写成如下代码 document.getElementById(“facDescrib”)[1].selected=true;控制台会出现错误，正确写法如下：

   document.getElementById(“facDescrib”).options[1].selected=true;
   document.getElementById(“facDescrib”)[1].value=“IEC-60870-104”;

6. input中type=text时有时双击input会弹出之前填写过的值，如何不让它出现，使用input中的autocomplete="off"属性设置即可

7. 在div中添加一个<ul>标签会产生一个自动的留白，去掉它使用ul标签中style中的margin属性

8. datatables表格高度自适应但是底部的分页说明固定的解决办法，在规定datatables的样式中加入如下两个属性即可：

   sScrollY: 391, //DataTables的高
   scrollCollapse:false,

9. ajax同步的替代方案，若使用async: false浏览器控制台会出现警告，xhttprequest不建议在主线程上使用同步，会给最终用户体验带来危害，使用$.Deferred()对象