零散记录

HTML

• html 空格问题

来自百度.jpg

• 强制刷新页面，走服务器请求

onclick="window.location.reload()"

• chrome中取消密码缓存下拉框

autocomplete="new-password"

jQuery

• 一些方法有参为setter，没参为geteer，例如：

JqueryObject.val("setter");//setter方法
var value = JqueryObject.val();//getter方法

• jQuery选择器需要 [i] 后才能 .checked = true

//html部分
<input class="hh" type="radio" name="nn">hello</input>
<input type="radio" name="nn">world</input>
//js部分
$(".hh")[0].checked = true;
//$(".hh").checked = true;  不起作用
alert($(".hh")[0].checked);
//alert($(".hh")[0].checked);   不起作用

• 将事件注册到document级别，使js动态添加的新标签也能触发事件

$(document).on("click",".class-name",function(e){
 //do something
});

• 绑定hover事件

// 使能标签的hover效果，新增加标签都需要调用该方法
function resumeHover(){
    //当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。
    //当鼠标移出这个元素时，会触发指定的第二个函数。
    $(".class-name").hover(function() {
        //do something
    },function() {
        //do no hovered something
    })
}

• hover效果的另一种实现

//监听鼠标的over、out事件
$(document).on("mouseover mouseout",".classname",function(e){
    if(e.type == "mouseover"){
        //do something
    }else{
        //do something
    }
})

• 监听浏览器大小的改变

$(window).resize(function(){
    alert($(this).height());
});

JavaScript

• 数字转字母

String.fromCharCode(i+65);  //得到A

Thymeleaf

• 界面首次加载，javascript中使用model的值

<script th:inline="javascript">
    /*<![CDATA[*/
    var user = /*[[${user}]]*/'';
    /*]]>*/
</script>