JavaScript

長久以來JavaScript相容性一直是Web開發人員的一個主要問題。在正式規範、事實標準以及各種實現之間的存在的差異讓許多開發人員日夜煎熬。為此，主要從以下幾方面差異總結IE和Firefox的Javascript相容性:複製代碼 代碼如下:一、函數和方法差異；二、樣式訪問和設定；三、DOM方法及對象引用；四、事件處理；五、其他差異的相容處理。一、函數和方法差異1. getYear()方法【分析說明】先看一下以下代碼：複製代碼 代碼如下:var year= new Date().getYear(

你可能會發現別人寫的代碼中有這麼一句：var that = this;，這代表什麼意思呢？ 在javascript中，this代表的是當前對象。 var that=this就是將當前的this對象複製一份到that變數中。這樣做有什麼意義呢？ 複製代碼 代碼如下: $('#zhetenga').click(function(){ //this是被點擊的#zhetenga var that = this; $('.zhetenga').each(function(){

複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> /*I總結： 1.函數名可以做變數使用，可以賦值，可以傳值 2.函數名當參數，傳遞給另一個函數 */

複製代碼 代碼如下:<html><head><script language="javascript" type="text/javascript">function MakeExcel(){var i,j;    try {      var xls    = new ActiveXObject ( "Excel.Application"

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

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

1.複製代碼 代碼如下:functionsay667(){varnum=666;varsayAlert=function(){alert(num);}num++;returnsayAlert;}varsayAlert=say667();sayAlert();2.複製代碼

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

複製代碼 代碼如下:<script>    var i="123abc";    i=parseInt(i);//字串轉整形    alert(i+","+typeof(i));//輸出：123，number    i="12.3abc";    i=parseFloat(i);//字串轉浮點型   

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

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

複製代碼 代碼如下:Function.prototype.heredoc = function(){// 利用 function 的注釋來儲存字串，而且無需轉義。var _str = this.toString(),s_pos = _str.indexOf("/*")+2,e_pos = _str.lastIndexOf("*/"); return (s_pos<0 || e_pos<0) ? "" : _str.substring(s_pos,

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

代碼很簡單，直接上代碼了，大家可以複製下面的代碼儲存成HTML檔案運行看效果複製代碼 代碼如下:<!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></head>&

本篇文章主要介紹了懶載入和預先載入兩種技術的解析，廢話不多說，一起來看吧。懶載入也叫消極式載入：前一篇文章有介紹：JS圖片消極式載入 消極式載入圖片或符合某些條件時才載入某些圖片。預先載入：提前載入圖片，當使用者需要查看時可直接從本機快取中渲染。兩種技術的本質：兩者的行為是相反的，一個是提前載入，一個是遲緩甚至不載入。懶載入對伺服器前端有一定的緩解壓力作用，預先載入則會增加伺服器前端壓力。懶載入的意義及實現方式有：意義：

首先我們建立一個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屬性的串連狀態。

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){   

最近收集了一些關於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;