JavaScript试错之路

JavaScript变量提升

变量提升：函数声明和变量声明，不加var时，总是会被解释器悄悄地被"提升"到方法体的最顶部。

JavaScript 使用误区

在常规的比较中，数据类型是被忽略的，以下 if 条件语句返回 true：

var x = 10;
var y = "10";
if (x == y)

JavaScript 表单

HTML 表单自动验证

<input type="text" name="fname" required>

表单提交

<form name="appform" action="" method="post" enctype="multipart/form-data">
        <button onclick="save()" >保存</button>
        <button onclick="submit()" >提交</button>
</form>

<script type="text/javascript">
        function save() {
            document.appform.action ="{:U('Apply/addApply',array('status'=>1))}";
        }
        function submit() {
            document.appform.action ="{:U('Apply/addApply',array('status'=>2))}";
            //当只有提交方法时可在<from>的action属性中直接定义路径，然后使用下面语句。
            //document.appform.submit();

        }
</script>

Layui框架使用

layer.open()函数设置time属性时，如果time时间设置过短，也会导致后台访问的链接提前中断而无法实现功能。

日期输入框要求不能编辑，但是required 和 readonly 冲突。百度input框内readonly="readonly"用οnfοcus="$(this).blur()" 替换，无效，之后用οnfοcus=this.blur()解决。

<from>标签下的<bottom>按钮会自动提交。

<table class="layui-table" id="tb-animal">
    <td>
        <input type="text" class=" layui-input animal">
    </td>
</table>

当用ajax动态添加页面标签时，这些标签的监听事件只能使用如下方法：$("# tb-animal ").on('click','.animal',function(){});

JS缓存

一个问题，在html页面写的js函数，当打开着web控制台调试时函数成功执行，但是当关闭控制台时却不能执行。后来发现是自己浏览器的控制台设置了禁用缓存，不止引入的js文件会缓存，页面里的也会。