JavaScript

在開發中，我們經常需要判斷某個對象是否為數群組類型，在Js中檢測物件類型的常見方法都有哪些呢？ typeof 操作符 對於Function， String， Number ，Undefined 等幾種類型的對象來說，他完全可以勝任，但是為Array時 var arr=new Array("1","2","3","4","5");alert(typeof(arr)); 你會收到一個object 的答案，有點讓人失望。 instanceof 操作符

以下方法都很常用，記錄下來騰出點腦空間~ document.title //設定文檔標題等價於HTML的<title>標籤document.bgColor //設定頁面背景色document.fgColor //設定前景色彩(文本顏色)document.linkColor //未點擊過的連結顏色document.alinkColor //啟用連結(焦點在此連結上)的顏色document.vlinkColor //已點擊過的連結顏色document.URL

動態增加和刪除元素在很多地方都需要用到，比如有時候需要大量資料收集的時候，我們就需要動態增加form表單等。下面是一個例子： 效果示範 動態添加使用者 添加新的使用者名稱   使用者資訊 JavaScript代碼 <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head>

javascript 是一種基於原型的編程 （prototype based programming） 的語言， 而與我們通常的基於類編程 （class based programming） 有很大的區別，我列舉重要的幾點如下： 函數是first class object，也就是說函數與對象具有相同的語言地位 沒有類，只有對象 函數也是一種對象，所謂的函數對象 對象是按引用來傳遞的 那麼這種 prototype

在ajax興起以前，很多人寫JavaScript可以說都是毫無章法可言的，基本上是想到什麼就寫什麼，就是一個接一個的函數function，遇到重複的還得copy，如果一不小心函數重名了，還真不知道從何開始尋找錯誤，因為大家總是用面向過程的編程思想來寫JavaScript代碼，而且也由於網路上充斥了太多小“巧”的JavaScript程式碼片段，很多都是隨意而為，很不規範，這也就造成了大家對JavaScript的“誤解”，一味的認為它就是一個輔助的小東東，而不適合做大的東西開發。但是自從ajax興起

字串截取 JavaScript提供兩個截取字串的方法，分別是slice()和substring()。 slice和substring都可以接受一個或兩個參數，第1個參數是擷取要截取的字串的起始位置，第2個參數如果不為空白則是擷取要截取的字串的結束位置的前一位（也就是說擷取的終點位置不在傳回值內），為空白表示截取到整個字串的最後一個字元。 我們來看下兩種方法的用法。注意：字串的位元都是從0開始： <script

JQuery 裡面有這麼一種代碼：(function(){ // code

JavaScript是一種在Web開發中經常使用的前端動態指令碼技術。在JavaScript中，有一個很重要的安全性限制，被稱為“Same-Origin

Javascript中可以使用new操作符來建立一個對象，那麼系統是如何使用new操作符來建立對象的呢？我們來看下流程： 首先需要定義一個類。 使用new操作符緊跟你所定義的函數來建立一個新的類的執行個體。

寫此文目的是為了讓更多的程式員理解javascript的一些概念，對，是理解，而不是瞭解。我們已經瞭解得夠多了，該是向深入理解的方向靠攏的時候了。 為什麼這麼說，前些日子收到面試邀請，那就去試試唄，有幾年沒有面試過了吧。和面試官坐在沙發上，聊天式的他問我答，以下就是幾個javascript方面的問題： 請建立一個對象，包括幾個公有屬性，接下來是為對象建立一個公有方法，然後為對象建立幾個私人屬性，一個私人方法。

W3C那幫人的腦袋被驢踢了，直到javascript1.8.1才支援trim函數（與trimLeft，trimRight），可惜現在只有firefox3.5支援。由於去除字串兩邊的空白實在太常用，各大類庫都有它的影子。加之，外國人都很有研究精神，搞鼓了相當多實現。實現1String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/,

使用 Cookies 我們已經知道，在 document 對象中有一個 cookie 屬性。但是 Cookie 又是什嗎？"某些 Web 網站在您的硬碟上用很小的文字檔儲存了一些資訊，這些檔案就稱為 Cookie。"—— MSIE 協助。一般來說，Cookies 是 CGI 或類似，比 HTML 進階的檔案、程式等建立的，但是 JavaScript 也提供了對 Cookies 的很全面的訪問權利。 在繼續之前，我們先要學一學 Cookie 的基本知識。 每個

JavaScript中的Regex在不同的瀏覽器中得到的結果可能會有差異，下面把Regex在五大主流瀏覽器（IE、Firefox、Chrome、Safari、Opera，以目前的版本為準）之間的差異整理一下羅列出來。 1. Firefox和Chrome會過度最佳化在迴圈（以及其中內嵌的函數定義）中建立的Regex，似乎它們在假設寫JavaScript的人會把Regex的構建和賦值寫錯地方。 var r;for(var i = 0; i 2.

Regex用於字串處理，表單驗證等場合，實用高效，但用到時總是不太把握，以致往往要上網查一番。我將一些常用的運算式收藏在這裡，作備忘之用。 匹配中文字元的Regex： [\u4e00-\u9fa5] 匹配雙位元組字元(包括漢字在內)： [^\x00-\xff]應用：計算字串的長度（一個雙位元組字元長度計2，ASCII字元計1） String.prototype.len=function(){ return

下面是一個格式化函數，可以控制小數位元，自動四捨五入。例如：12345格式化為12,345.00，12345.6格式化為12,345.60，12345.67格式化為 12,345.67，只留兩位小數。 效果示範小數點位元： 2 3 4 5 + 下面為程式碼： <script type="text/javascript"> function fmoney(s, n) { n = n > 0

在JavaScript中，時間處理是經常需要用到的。最近想要慢慢建立自己的程式碼程式庫，整理了幾個之前用到的js處理時間的函數，發出來跟大家分享一下，以後的使用中會不斷增加和修改程式碼程式庫。 把字串轉換為日期對象 有時需要把字串轉換為日期對象，但是IE下不支援new

首先，我們用一個經典例子來簡單闡述一下ECMAScript中的繼承機制。 在幾何學上，實質上幾何形狀只有兩種，即橢圓形（是圓形的）和多邊形（具有一定數量的邊）。圓是橢圓的一種，它只有一個焦點。三角形、矩形和五邊形都是多邊形的一種，具有不同數量的邊。正方形是矩形的一種，所有的邊等長。這就構成了一種完美的繼承關係。如： 在這個例子中，形狀（Shape）是橢圓形（Ellipse）和多邊形（Polygon）的基類（base

優秀的Stoyan Stefanov在他的新書中（《Javascript Patterns》）介紹了很多編寫高品質代碼的技巧，比如避免使用全域變數，使用單一的var關鍵字，迴圈式預存長度等等。 這篇文章不僅僅從代碼本身來考慮如何最佳化編碼，也從代碼的設計階段來考慮，包括書寫API文檔，同事的review，使用JSLint。這些習慣都能協助你編寫更加高品質的、更易於理解的、可維護的代碼（讓你的代碼在多年之後仍使你引以為傲）。 編寫可維護的代碼

最簡單的莫過於使用click方法：<input id="btn" type="button" value="BUTTON" onclick="alert(1)"/><script>var btn = document.getElementById('btn');btn.click();</script> 所有瀏覽器都彈出了1。但是如果把input換成div呢？<div id="d1" style="background:gold;width:50px;height:

在dom操作時，有時根據id擷取單個對象、有時根據className擷取多個對象。平常可能我們用兩個函數來實現這兩個功能。不過我將它們整合了一下，目前使用方式良好，函數如下：// 根據selector擷取單個或多個元素，// 擷取多個元素時，可以指定元素的tag類型和父元素function $(selector, tag, parent) { var ret = []; //沒有傳遞selector，返回空 if (!selector) { return null; }