種種語言都有它特別的地方,對於JavaScript來說,使用var就可以聲明任意類型的變數,這門指令碼語言看起來很簡單,然而想要寫出優雅的代碼卻是需要不斷積累經驗的。本文利列舉了JavaScript初學者應該注意的七個細節,與大家分享。 (1)簡化代碼 -------------------------------------------------------------------------------- JavaScript定義對象和數組非常簡單,我們想要建立一個對象,一般是這樣寫的:
複製代碼 代碼如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>無標題文檔</title> <script type="text/javascript" language="javascript"> function selectAll() { var allCheckBoxs =
用Javascript取float型小數點後兩位,例22.127456取成22.13,如何做? 1. 最笨的辦法 複製代碼 代碼如下: function get() { var s = 22.127456 + ""; var str = s.substring(0,s.indexOf(".") + 3); alert(str); } 2. Regex效果不錯 複製代碼 代碼如下: <script type="text/javascript"> onload = function()
簡介 這篇文章簡單介紹了DOM 1.0一些基本而強大的方法以及如何在JavaScript中使用它們。你可以學到如何動態地建立、擷取、控制和刪除HTML元素。這些DOM方法同樣適用於XML。所有全面支援DOM 1.0的瀏覽器都能很好地運行本篇的執行個體,比如IE5,Firefox等。概況 - Sample1.html 這篇文章通過執行個體代碼介紹DOM。請從嘗試下面的HTML例子開始。它使用DOM
擷取一個數組中的最大(最小)值的最簡單的方法,就是對數組進行一次遍曆,通過比較,找到其最大(最小)值。但是其實在javascript的原生方法中,已經提供了一些快捷方法,可以實現此功能。 1 Array.prototype.sort 複製代碼 代碼如下: var a = [7,3,4,6,10]; a.sort(function(a,b){ return (a-b);}) 注意,sort裡的比較函數是一定要傳入的,如果不傳此函數的話,a.sort()的結果是[10,3,4,6,7]; 2
簡述: 用到javascript的排序一組數字,js沒有直接的數字比較的函數可以調用,所以自己寫了一個快速排序 知識點: 1. Regex提取正負數位string 2. str 轉數字 放回列表 3. js的對象Sort類的聲明及定義 4. Sort類建構函式、成員函數定義方式(prototype) 5. 快速排序演算法 代碼: 複製代碼 代碼如下: <!DOCTYPE html> <meta http-equiv="Content-Type"
線上編輯內容的時候,那些基於 JavaScript 的編輯器幫了我們大忙,這些所見即所得 (WYSIWYG)(WYSIWYG)編輯器,給我們提供了類似 Office?的操作體驗。如今,任何網站內容管理系統(CMS)和部落格系統都需要一個這樣的編輯器。本文精選了5個基於 JavaScript?的編輯器,5個基於 jQuery 架構的編輯器。 MarkitUp – jQuery Official Website | Demo markItUp!
在JS中要判斷一個值是否在數組中並沒有函數直接使用,如PHP中就有in_array()這個函數。但我們可以寫一個類似in_array()函數來判斷是一個值否在函數中例1複製代碼 代碼如下:/* * * 判斷在數組中是否含有給定的一個變數值 * 參數: * needle:需要查詢的值 * haystack:被查詢的數組 * 在haystack中查詢needle是否存在,如果找到返回true,否則返回false。 * 此函數只能對字元和數字有效 * */ function findnum(){
在前幾個項目的開發中 遇到onload使用的幾種情形1. 可以在Body 裡面執行 <body onload="alert(123)"></body>2. 先定義好 在頁面載入完成後使用 複製代碼 代碼如下: <script type="text/javascript"> function test(){ var aa = "嘻嘻,你個大豬豬"; alert(aa); } window.onload = test; </script> 註解:
複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>test javascript</title> <script type="text/javascript"> window.onload = function() { var EventUtil = {
下面就來詳細說一說 Javascript 中 Boolean、Nnumber、String 強制類型轉換的區別。 我們知道 Boolean(value) 是把值轉換成Boolean類型,Nnumber(value) 是把值轉換成數字(整型或浮點數),而 String(value) 是把值轉換成字串。先來分析下Boolean,Boolean在轉換值為“至少有一字元的字串”、“非0的數字”或“對象”的情況下返回true;在轉換值為“Null 字元串”、“數字0”、“undefined”,“null”
複製代碼 代碼如下:驗證碼:<input type="text" id="code"/> <input type="button" value="複製" onclick="fuzhi()"> <script type="text/javascript"> function fuzhi(){ var codeVal=jQuery("#code").val(); alert(codeVal); if
如今的這個年代,流行在Web頁面上使用了大量的JavaScript,我們需要尋找各種方式來最佳化它們,使它們更快。我們使用事件委託來讓事件監聽器更有效率,使用降頻技術來限定某些方法的使用次數,使用各種JavaScript載入器來動態載入我們需要的資源,等等。另外一種讓頁面更高效、更敏捷的方法是動態添加或移除樣式表裡的樣式,而不需要去查詢DOM元素,對每個元素做樣式調整。下面我們就來看看如何使用這種技術!捕獲樣式表你的頁面上可能引用了不只一個的樣式檔案,你可以選擇其中的一個。如果你指定了某個,你可
目前有大量的 javascript 開發架構,其中有一部分使用 $ 作為調用符號,這可能導致相互之間的衝突,而 jQuery 為解決這個問題,可以在 jQuery 匯入時放棄 $ 使用權,屆時 $ 則由其它架構使用,這樣可以避免相同名字的函數調用不再衝突。jQuery 使用 noConflict 方法來放棄 $ 調用時的命名,之後由 jQuery 代替 $ 進行編寫。例如:alert($('#message').val());必須修改為 alert(jQuery('#message').val(
javascript arguments解釋,實現可變長參數。在C#中,有可變長參數params[],但是在js中,如何?這種可變參數呢?一、可變長參數arguments是非常好的解決方案,一直不知道javascript有這個東西。先來看看應用情境,使用arguments傳入任意個數的參數到js函數裡的寫法。function Test() { console.log(arguments[0]); console.log(arguments[1]);
昨天用for迴圈進行數組去重的時候出現的問題,首先,用雙重for迴圈把前一個和所有後面的元素進行比較,如果相等則刪除。但是,如果數組裡面有三個以上連續相等的元素的時候,就會出現問題。 var arr = [1,1,1,2,2];for(var i=0; i<arr.length-1; i++){for(var j=i+1; j<arr.length; j++){if(arr[i] === arr[j]){arr.splice(j,1);}}} document.write("arr:
Javascript鏈式調用 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
最近在看《javascript資料結構和演算法》這本書,補一下資料結構和演算法部分的知識,覺得自己這塊是短板。鏈表:儲存有序的元素集合,但不同於數組,鏈表中的元素在記憶體中不是連續放置的。每個元素由一個儲存元素本身的節點和一個指向下一個元素的引用(也稱指標或連結)組成。好處:可以添加或移除任意項,它會按需擴容,且不需要移動其他元素。與數組的區別: 數組:可以直接存取任何位置的任何元素;
執行個體如下:<!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;
標籤:文章 個人 博文 參數 velocity 利用 rip city class 寫在前面姊妹篇