13-函數的封裝和復用

//為何使用函數？
//能夠對代碼進行復用：只要定義一次代碼，就可以多次使用它。
//能夠多次向同一函數傳遞不同的參數，以產生不同的結果。

<div><input type="text" placeholder="請輸入姓名" id="name" /><span>姓名不能為空</span></div><div><input type="text" placeholder="請輸入手機號" class="phone" /><span>手機號不能為空</span></div> //封裝選擇器function $(name){//return document.getElementById(name);return document.querySelector(name);};var _name = $("#name"),_phone = $(".phone"); //成為焦點_name.onfocus = function(){this.nextSibling.style.display="none";//緊鄰的同級樣式隱藏 //nextSibling返回某個元素之后緊鄰的節點};_phone.onfocus = function(){this.nextSibling.style.display="none";//緊鄰的同級樣式隱藏 };//失去焦點_name.onblur = function(){isEmpty(this);};_phone.onblur = function(){isEmpty(this);}; //公共的判斷方法function isEmpty(cur){ //cur = thisif(cur.value==''){ cur.nextSibling.style.display="inline"; //緊鄰的同級樣式顯示}else {cur.nextSibling.style.display="none";//緊鄰的同級樣式隱藏 }}

總結

以上是生活随笔為你收集整理的13-函数的封装和复用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。