JavaScript

需求分析： 在做上傳圖片的時候，如果不限制上傳圖片大小，後果非常的嚴重。那麼我們怎樣才可以解決一個棘手的問題呢？有兩種方式： 1)幕後處理： 也就是AJAX POST提交到後台，把圖片上傳到伺服器上，然後獲得該圖片大小做處理。 2)前台處理： 也就是利用Javascript擷取該圖片大小。 顯然第一種方式，很不好。因為需要把檔案先上傳到伺服器上，如果檔案很大的話，在加上網不是很快，需要等待好長時間，治標不治本。 功能解析： 在這裡我只介紹IE與FireFox兩個瀏覽器的不同做法。 IE6：

JavaScript中類的學習，從基本類繼承過來方法 也可以這樣實現： Java代碼 複製代碼 代碼如下:function newClass(){ this.firstName="frank"; this.toUc=String.toUpperCase; this.toString=function(){ return this.toUc(this.firstName); } } var nc=new newClass(); alert(nc);//在IE中沒反應。。 function

Java代碼 複製代碼 代碼如下:<html> <head> <title>javascript</title> <script type="text/javascript"> function test(inVal){ try{ inVal=inVal.toUpperCase(); }catch(error){ alert("An exception has occurred.Error

常量：JavaScript常量又稱字面常量，是固化在程式碼中的資訊。變數：變數的主要作用是存取資料，提供一個存取資訊的容器。資料類型 整型：整型常量就是數字，可以是十進位、八進位、十六進位。 字串：字串就是以英文""或''括起來的一個或幾個字元。 布爾型：布爾型常量就是邏輯上的“真”和“假”。

/* **@控制控制項只能輸入數字,含-(負號).(小數點) **@Inline HTML: <ELEMENT ... onkeypress="javascript:onlyNumber()" style="ime-mode:disabled"> For Input **@Event property: object.attachEvent("onkeypress",onlyNumber);object.style.imeMode = "disabled";

JS沒有提供所謂的類繼承，據說在2.0中要加入這種繼承方式，但是要所有瀏覽器都實現2.0的特性那肯定又得N多年。昨天看了crockford 的一個視頻，裡面講解了一下JS的繼承方式，按照PPT裡面說的，一共分了三類：Prototypal，pseudoclassical，Parasitic Inheritance。 下面主要介紹一下原型繼承：When a function object is created, it is given a prototype member which is an

讀取的xml: 複製代碼 代碼如下:<svg id="svgID" key="1"> <desc id= "descID"> Text1 </desc> <defs> Text2 </defs> <g> text3 </g> </svg>javascript對此xml的解析方法如下：複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" xml:

複製代碼 代碼如下:parseInt("Hello",10);//return NAN parseInt("110",10);//return 110 所以簡單的判斷字串是否為數位方法就是利用isNaN(),如果返回true,則該字串不為數字，否則為數字複製代碼 代碼如下:isNaN(parseInt("Hello",10));//true; isNaN(parseInt("110",10));//false; 註：不能利用以下方式判斷：複製代碼

複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style><!-- .errorInfo{ color:red; padding-left:5px; } --></style><style

複製代碼 代碼如下:var testButton=document.getElementById("testButton"); function handlerTest() { var oEvent=window.event;//for IE //var oEvent=arguments[0];// for DOM if(oEvent.type=="click") { alert("click"); } else if(oEvent.type=="mouseover") {

當第一次從主視窗進入到一個iframe簡稱{A}中，此時這個{A}中呈現的資料是新的，這時我又點了另外的一個iframe簡稱{B}，這裡{B}的資料也是新的，在{B}中進行一些邏輯處理，如向{A}中批量增加模型資料，這裡我們再進入到{A}中會探索資料是被緩衝著的。因為是從{B}中對大量操作了{A}的資料，{B}是與server通訊的，也就是會進行邏輯層/持久層操作，這樣server端更新的呈現部分是{B}而不是全部，這也就是局部重新整理，只刷{B}。而我們需要做的是讓{A}中的內容也跟著變。

複製代碼 代碼如下:function User(properties){ for(var i in properties){ //遍曆該對象的所有屬性，並保證其作用於正確 (function(which){ var p=i; which["get"+p]=function(){ //動態產生的方法 return properties[p]; //返回對象的屬性值 }; which["set"+p]=function(val){ //動態產生的方法 properties[p]=val; }; })

複製代碼 代碼如下:<script type="text/javascript"> function Base(){} //根抽象類別 Base.toBase=function(){ //將一個對象轉化成Base類的執行個體的方法 return new Base(); } Base.inherit=function(parent){ //用於繼承Base類的執行個體的方法 var F=function(){} F.prototype=parent; return new F; }

複製代碼 代碼如下:/** * @author Supersha * @QQ:770104121 */ var cssQuery = { //parent:用於儲存當前節點的父節點的引用 parent: document, select: function(selectorStr){ var selectors=selectorStr.split(" "); //分隔字串 for (var i = 0, len = selectors.length; i < len; i++) {

第一種：view-source法 　　view-source是一種協議，早期基本上每個瀏覽器都支援這個協議。但是不知道什麼原因，從IE6 Beta2以後IE就不再支援此協議了。這個方法現在只能用在FireFox瀏覽器上使用了！ 　　使用方法：在瀏覽器地址欄中輸入 　　view-source: 　　斷行符號即可看到網頁的原始碼了。 第二種：JavaScript法 　　這種方法似乎也不是通用的，在IE6和Opere瀏覽器上實驗成功，但是在FireFox瀏覽器上就沒成功！

下面我們來看下這個例子吧！ 複製代碼 代碼如下:<html> <head> <title>jqueryDemo:quanjiaoNum</title> <script src="jquery.js" src="jquery.js" type="text/javascript"></script> <script type="text/javascript">

第一種：JSON方式/對象直接量 格式： var 對象名 = { 變數1: 變數1的值, 變數1: 變數1的值, ……, 函數1: function() { 函數體 }, 函數2: function() { 函數體 }//Note:最後的逗號要去除為了和IE相容。 }; 說明： （1） 大括弧內直接填寫變數或者函數； （2） 對象的內容與值以冒號分隔，成對出現； （3） 包含的變數或者函數之間以逗號分隔； （4） 函數需要寫在function(){}的大括弧之內。 例子： var 對象名 = {

文章目錄 避免瀏覽器記憶體流失 最佳化 JavaScript 代碼 作者: Gregory Baker, GMail 軟體工程師 和 Erik Arvidsson, Google Chrome 軟體工程師 需要的經驗: JavaScript 相關工作知識 用戶端指令碼能讓你的應用更加地動態和活躍, 但是瀏覽器對代碼的解析可能造成效率問題, 而這種效能差異在用戶端之間也不盡相同. 這裡我們討論和給出一些最佳化你的 JavaScript

col1col2col3col4col5col6col7col8col9col10

具體解決方案如下： 一、IE和FF下document.body對象的clientHeight，offsetHeight，scrollHeight屬性的差別。 clientHeight 在IE和FF下，該屬性沒什麼差別，都是指瀏覽器的可視地區，即除去瀏覽器的那些工具列狀態列剩下的頁面展示空間的高度。 offsetHeight 在IE下，offsetHeight也是瀏覽器可視地區的高（包括邊線） 在FF下，offsetHeight是頁面具體內容的高度 scrollHeight