JavaScript

JS中範圍的概念： 　　表示變數或函數起作用的地區，指代了它們在什麼樣的上下文中執行，亦即上下文執行環境。Javascript的範圍只有兩種：全域範圍和本地範圍，本地範圍是按照函數來區分的。 首先來看幾道題目： 1. 複製代碼 代碼如下: if(true){ var aa= "bb"; } console.log(aa); //bb for(var i = 0; i < 100; i++){ //do } console.log(i); //100 2. 複製代碼 代碼如下: var

1.document.write("");為 輸出語句 2.JS中的注釋為// 3.傳統的HTML文檔順序是:document->html->(head,body) 4.一個瀏覽器視窗中的DOM順序是:window->(navigator,screen,history,location,document) 5.得到表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value) 6.一個小寫轉大寫的JS:

首先建立html頁面為sort.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> <meta http-

前言 Bob大叔提出並發揚了S.O.L.I.D五大原則，用來更好地進行物件導向編程，五大原則分別是： The Single Responsibility Principle（單一職責SRP） The Open/Closed Principle（開閉原則OCP） The Liskov Substitution Principle（裡氏替換原則LSP） The Interface Segregation Principle（介面分離原則ISP） The Dependency Inversion

前言 JavaScript 不包含傳統的類繼承模型，而是使用 prototypal 原型模型。 雖然這經常被當作是 JavaScript 的缺點被提及，其實基於原型的繼承模型比傳統的類繼承還要強大。實現傳統的類繼承模型是很簡單，但是實現 JavaScript 中的原型繼承則要困難的多。 由於 JavaScript 是唯一一個被廣泛使用的基於原型繼承的語言，所以理解兩種繼承模式的差異是需要一定時間的，今天我們就來瞭解一下原型和原型鏈。 原型

Array.prototype.push push向數組尾部添加一項並更新length ，返回數組長度。 如果Object使用push會怎樣？ 看下面代碼, obj好像數組一樣工作了。length會自動更新。 複製代碼 代碼如下: var push = Array.prototype.push; var obj = {}; push.call(obj, "hello"); // 傳回值 1 // obj {"0":"hello", length:0} push.call(obj, "world"

我們在實際的開發當中經常要擷取頁面中某個html元素，動態更新該元素的樣式、內容屬性等。 那麼如何擷取要更新的這些元素呢?用JavaScript擷取這些節點的方法有很多種，下面是總結的一些方法. 1. 通過document節點擷取： （1） document.getElementById(elementId)：該方法通過節點的ID，可以準確獲得需要的元素，是比較簡單快捷的方法。如果頁面上含有多個相同id的節點，那麼只返回第一個節點。 如

閑來無事，花了兩天時間，用javascript 寫了一個打豆豆的遊戲，至於怎麼玩的就不細說了，到網上搜一下就知道了，很簡單。 下面是源碼，發布出來供大家學習交流。 由於本程式沒有用到一個圖片，所以介面在ie下豆豆都是方形的比較紮眼，建議用chrome瀏覽器運行，或者firefox 示範地址：http://www.imkoko.com/app/dadoudou.php 不多說，上代碼 複製代碼 代碼如下: <!DOCTYPE html> <html>

可縮放向量圖形（Scalable Vector Graphics，SVG）是基於可延伸標記語言 (XML)（XML），用於描述二維向量圖形的一種圖形格式。SVG由W3C制定，是一個開放標準。另SVG還是Static Var Generator靜止無功發生器的簡稱判斷瀏覽器是否支援SVG的代碼（部分截去自Highcharts源碼）： Js代碼: 複製代碼 代碼如下: function hasSVG(){ SVG_NS = 'http://www.w3.org/2000/svg', return !

複製代碼 代碼如下: <HTML><HEAD><TITLE>javascript列印-列印版面設定-預覽列印代碼</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312" /> <SCRIPT language=javascript> 　　function printsetup(){ 　　// 列印版面設定 　　wb.execwb(8,

當建立一個類的時候，如果希望下面new出來的每個類都擁有一些通用的變數或者其他的函數，這個this關鍵字這是最好的方式。當然，既然是物件導向的語言，必然存在存取權限的問題，這裡也和this關鍵字息息相關。下面我們來示範一個例子來說明一下這個類的存取權限的問題.複製代碼 代碼如下://Person類     function Person(){     var

confirm() 方法 confirm() 方法用於顯示一個帶有指定訊息和確定及取消按鈕的對話方塊。 說明：如果使用者點擊確定按鈕，則 confirm() 返回 true。如果點擊取消按鈕，則 confirm() 返回 false 一種： 複製代碼 代碼如下: <a href="javascript:if(confirm('確實要刪除該內容嗎?'))location='http://www.baidu.com'">快顯視窗</a> 二種： 複製代碼 代碼如下:

知識點： 主要是對Date對象的使用。（下面的介紹內容來自網路） 建立 Date 對象的文法： var myDate=new Date() Date 對象會自動把當前日期和時間儲存為其初始值。 參數形式有以下５種： new Date("month dd,yyyy hh:mm:ss"); 　new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms);

主要是通過對document.cookie字串的分析來進行功能的組裝的。 溫習一下javascript中對cookie的操作： 增加cookie可以用document.cookie="userId=111";來實現 完整版可以用：document.cookie="userId=111;domain=.google.com;path=\;secure=secure;expire="+date.toGMTString(); 可以設定cookie的到期時間，網域名稱，路徑

數組的定義：方法1.複製代碼 代碼如下:var mycars=new Array()mycars[0]="Saab"mycars[1]="Volvo"mycars[2]="BMW"方法2.定義和初始化一起：var mycars=new Array("Saab","Volvo","BMW")或者另一種寫法：var mycars=["Saab","Volvo","BMW"];javascript二維數組：javascript用一維數組來類比二維數組：方法1.var arr = new Array([

主流瀏覽器預設為html元素提供的捲軸不美觀，而且前端開發人員想對其通過css進行統一樣式的美化也是不可實現的。比如ie可以通過樣式來實現簡單的美化、Webkit核心瀏覽器可以控制捲軸的顯示效果，firefox則不允許使用者為捲軸定義樣式。但是對於追求友好的使用者體驗的前端開發人員，是不會被這些瀏覽器的不一致行為所阻止的。我們可以自己通過標準的html元素類比來實現自訂的捲軸。這裡是自己在工作不太忙的時候寫出來了一個使用者可以自訂的捲軸jscroll，以下簡稱jscroll。jscroll預設只

昨天參加的一個前端面試，其中有一題數組去重，首先想到的是對象存索引值的方法，代碼如下 方法一：（簡單存索引值） 複製代碼 代碼如下: Array.prototype.distinct1 = function() { var i=0,tmp={},that=this.slice(0) this.length=0; for(;i<that.length;i++){ if(!(that[i] in tmp)){ this[this.length]=that[i];

常常會在回複和引用裡使用此功能，即單擊回複或引用，如讓輸入焦點出現在留言輸入框中，如果使用錨來定位，輸入焦點就不能啟用了。 複製代碼 代碼如下: javascript:document.getElementById("id").focus(); 或javascript:document.all.id.focus(); 或javascript:document.all.name.focus(); 例子： 複製代碼 代碼如下: <input type="text" name="tt" id=

今天在rainweb的部落格上，看到了這篇非常好的文章，覺得非常有必要分享出來，相信大家認真讀完這篇文章，對js範圍的理解又會上升到一個新的台階。 前言：javascript裡變數範圍是個經常讓人頭痛抓狂的問題，下面通過10++個題目，對經常遇到又容易出錯的情況進行了簡單總結，代碼範例很短很簡單 題目一 複製代碼 代碼如下: var name = 'casper'; alert(name); //毫無疑問地輸出：casper 題目二 複製代碼 代碼如下: alert(name);

一、基本概念 encodeURI和decodeURI是成對來使用的，因為瀏覽器的地址欄有中文字元的話，可以會出現不可預期的錯誤，所以可以encodeURI把非英文字元轉化為英文編碼，decodeURI可以用來把字元還原回來。encodeURI方法不會對下列字元進行編碼：":"、"/"、";" 和 "?"，encodeURIComponent方法可以對這些字元進行編碼。 decodeURI()方法相當於java.net.URLDecoder.decode(URIString, "UTF-8");