JavaScript

==============關於元素的顯示和隱藏============= Visibility快於Display  讓圖畫時隱時現會創造很有趣的效果，有2種方法可以實現這個目的：使用CSS的visibility屬性或者 display屬性。對於絕對位置元素，diaplay和visibility具有同樣的效果。兩者的區別在於：設定為 display:none的元素將不再佔用文檔流的空間，而設定為visibility:hidden的元素仍然保留原位置。  ===========

Untitled Document [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

本節稍稍深入地討論關於事件處理的話題，如果你對模式、閉包和物件導向等概念還不太理解，不妨暫且等閱讀完相關內容之後再回過頭來閱讀它，相信你會有很大收穫。 1 事件處理模式

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

~：按位非操作符由一個波浪線（~）表示，執行按位非的結果就是返回數值的反碼。複製代碼 代碼如下:var num1 = 3;    // 我的幸運數字是3var num2 = ~(num1);console.log(num2)  //  "-4"var num3 = -3;  var num4 = ~(num3);console.log(num4)  //  "2"console.log(~(0))  //&

最近在翻看John Resig的大作《Pro JavaScript Techniques》，裡面講到了如何做javascript的類型判斷的問題。文中介紹了兩種方式，一種是使用typeof，另一種是使用constructor。略感遺憾的是作為jquery的作者，他盡然沒有介紹jquery使用的類型判斷方式。不過沒有關係，我在這裡給大家一起總結下。

如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

document是位於html標籤之上的，可以說是權力最大的。下面的執行個體當你單擊頁面上的任何位置都會彈出“a”,正是運用了document的特性。複製代碼 代碼如下: <script>             document.onclick=function(){        

1.== Javascript有兩組相等運算子，一組是==和!=，另一組是===和!==。前者只比較值的相等，後者除了值以外，還比較類型是否相同。 請盡量不要使用前一組，永遠只使用===和!==。因為==預設會進行類型轉換，規則十分難記。如果你不相信的話，請回答下面五個判斷式的值是true還是false： 　　false == 'false' 　　false == undefined 　　false == null 　　null == undefined 　　0 == '' 前三個是false，

談不上經驗，都是一些教訓。　　這個時候有人要說，“靠，你丫半桶水，憑啥教我們”。您先別急著罵，先聽我說。　　你叫一個大學生去教小學數學，不見得比一個初中生教得好。因為大學生早已經過了那個階段，都忘記自己怎麼走過來的了。而對於初中生，剛好走過那個階段，對自己怎麼走過來的還記憶猶新，或者還有一些自己的總結。比如，很多高手覺得那本犀牛書入門很好，他們覺得太簡單了，但以我的經驗來看，它不是入門的最好選擇。　　先說說學js的條件　　論條件，咱是文科生，大學專業工商管理，和電腦毛關係都沒；有人說英語，讀了四

在做頁面時，如果想做一個連結點擊後不做任何事情，或者響應點擊而完成其他事情，可以設定其屬性 href = "#"，但是，這樣會有一個問題，就是當頁面有捲軸時，點擊後會返回到頁面頂端，或者是跳到設定的錨點的地方，使用者體驗不好。 通常的用法為： 複製代碼 代碼如下: <a href="javascript:void(0)">單擊此處看看效果</a>

上周四吃完午飯，leader發了一道JavaScript的題目給我們做，我們Team裡面有做前端的，有做背景，也有坐mobile web的，所以大家對題目的理解各自都不一樣，然後在QQ討論群組裡面進行討論。發現雖然很基礎，但是通過討論收穫不少，分享出來。當然在有開發經驗的開發人員看來，這些都是學習JavaScript最基礎的東西。因為平時都是用jQuery或者第三JS組件，所以對JavaScript基礎學習不夠重視。題目如下，問題是：2次alert分別輸出什麼結果？複製代碼

有時候，我們需要得到視窗拖動或者滑鼠移動的距離，此時可以通過計算滑鼠前後在頁面中的位置來得到想要的結果，下面介紹幾個事件屬性:1、客戶區座標位置　　滑鼠事件都是在瀏覽器視口中的特定位置上發生的。這個位置資訊儲存在事件對象的 clientX 和 clientY 屬性中。它們的值表示事件發生時滑鼠指標在視口中的水平和垂直座標（不包括頁面滾動的距離）。如下圖所示：var div = document.getElementById("myDiv"); //擷取元素EventUtil.on(div,

首先我們建立一個html檔案，並且寫一個FileUpLoad以及button控制項。 代碼如下:複製代碼 代碼如下:<input id="flUpload" type="file" />fileUpload <input id="btnOpenFile" type="button" value="button" onclick="OpenFile()" />然後，在寫一個javascript OpenFile方法。 代碼如下:複製代碼 代碼如下:function

一旦你瞭解了網路通訊端與WEB伺服器的串連，你將可以從瀏覽器發送資料到伺服器並且可以接收由伺服器返回的響應資料。以下是建立一個新的WebSocket對象的API：複製代碼 代碼如下:var Socket = new WebSocket(url, [protocal] );這裡第一個參數是指要串連的URL，第二個參數是可選的，如果需要的話，則是指定一個的伺服器支援的協議。WEB Socket屬性：屬性說明Socket.readyStatereadyState的代表的ReadOnly屬性的串連狀態。

先上效果圖（gif自己錄製的，有點難看抱歉，工具licecap） 實現思路 HTML結構 <ul> <li> <div class="bg"> <p>JS</p> </div> </li> ..... </ul>   

1.提高優先順序(1+2)*3 與數學運算中保持一致，先計算1+2再乘以3得出9同時也可以是其他運算式,如:複製代碼 代碼如下:(a+(function(i){return i}(2)))*c2.函數的參數要放在括弧裡()複製代碼 代碼如下:function fun(a,b,c){    //…}3.立即執行函數運算式複製代碼 代碼如下:(function fun(a,b,c){   

jquery.qrcode.js 是一個能夠在用戶端產生矩陣二維碼QRCode 的jquery外掛程式 ，使用它可以很方便的在頁面上產生二維條碼。QRCode.jsQRCode.js是javascript實現二維碼(QRCode)製作產生庫。 QRCode.js有著良好的跨瀏覽器安全色性（高版本使用HTML5的

最近收集了一些關於JavaScript綁定事件的方法，匯總了一下，不全面，但是，希望便於以後自己查看。JavaScript中綁定事件的方法主要有三種：1 在DOM元素中直接綁定2 JavaScript代碼中直接綁定3 綁定事件監聽函數一、在DOM元素中直接綁定也就是直接在html標籤中通過 onXXX=“” 來綁定。舉個例子：<input type="button" value="點我呦" onclick="alert("hello

<script language="javascript"> //手機檢測 function checkMobile(num){     reg=/^13[0-9]\d{8}$/;     if(reg.test(num)){         return true;