JavaScript 小技巧 本身總結

windows對象
獲取瀏覽器地址欄 地址

 $(function () {
         var url= location
       alert(url)
     })

 

空連接不跳轉

<a href='javascript:void(0);'></a>

 

改字色：

function setFontSize(size){
                  document.getElementById('tab_content').style.fontSize=size+'px'
                }
    
    function changeColor(color){
                  document.getElementById('tab_content').style.background=color
                }
 文字大小選擇
                   <a href="javascript:setFontSize(12)">【小】</a>
                   <a href="javascript:setFontSize(14)">【中】</a>
                   <a href="javascript:setFontSize(16)">【大】</a>
  保護色
       <a href="javascript:changeColor('#FAFBE6')"><img src="images/color1.gif"/></a>
       <a href="javascript:changeColor('#FFF2E2')"><img src="images/color2.gif"/></a>
       <a href="javascript:changeColor('#FDE6E0')"><img src="images/color3.gif"/></a>
       <a href="javascript:changeColor('#F3FFE1')"><img src="images/color4.gif"/></a>
       <a href="javascript:changeColor('#DAFAFE')"><img src="images/color5.gif"/></a>
       <a href="javascript:changeColor('#E9EBFE')"><img src="images/color6.gif"/></a>
       <a href="javascript:changeColor('#EAEAEF')"><img src="images/color7.gif"/></a>
       <a href="javascript:changeColor('#FFFFFF')"><img src="images/color8.gif"/></a>

 

條件切換記得加 return false

$(document).on('click', '.father-area', function () {
				 if($(this).next().is(":visible"))
				{
					
					$(this).next().hide(200);
					return false;  //這裏若是不加，再你條件切換時，會整個流程都走一遍。
				}
else
				{
					
					$(this).next().show(200);
					return false;
				}
	})