静态界面遇到的问题总结

  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()对象

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值