Time of Update: 2017-01-19
在JavaScript中,經常會碰到要監聽列表中多項li的情形,假設我們有一個列表如下:複製代碼 代碼如下:<ul id="list"> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li>
Time of Update: 2017-01-19
本文執行個體講述了JavaScript動態添加列的方法。分享給大家供大家參考。具體實現方法如下:/*** * 動態添加table 列 * @param result */ function addRow(resultJson){ /* var temp = []; temp = $.grep(arr, function(val, key) { if(val.indexOf('c') != -1) return true; // 如果[invert]參數不給或為false, $.
Time of Update: 2017-01-19
熟悉web前端開發的人都知道,判斷複選框是否選中是經常做的事情,判斷的方法很多,但是開發過程中常常忽略了這些方法的相容性,而是實現效果就好了。博主之前使用者不少方法,經常Google到一些這個不好那個不好的文章,到後面自己都混亂了。今天偶然看到一篇外國的部落格,覺得講解的很不錯,打算翻譯成中文,並加上了一些自己的見解。如果你從事web開發並且在你開發的網頁中有複選框,你可能需要判斷當前該複選框是否選中,進而執行一些條件陳述式。有很多種方法來判斷一個複選框是否選中。讓我們先來看看原生的javasc
Time of Update: 2017-01-19
本文執行個體講述了JavaScript數組隨機排列實現隨機洗牌功能的方法。分享給大家供大家參考。具體分析如下:這段JS代碼可以對數組內的元素進行隨機排列,這個非常有用,比如我們在玩撲克牌的時候可以讓撲克牌進行排列,也就是電腦洗牌。var list = [1,2,3,4,5,6,7,8,9];list = list.sort(function() Math.random() - 0.5);Print(list); // prints something like: 4,3,1,2,9,5,6,7,
Time of Update: 2017-01-19
本文執行個體講述了JavaScript產生隨機字串的方法。分享給大家供大家參考。具體分析如下:這裡使用JavaScript產生一個隨機字串,可以指定字串的長度。複製代碼 代碼如下:function RandomString(length) { var str = ''; for ( ; str.length < length; str += Math.random().toString(36).substr(2) );
Time of Update: 2017-01-19
本文執行個體講述了JavaScript函數參數使用帶參數名的方式賦值傳入的方法。分享給大家供大家參考。具體分析如下:這裡其實就是在給函數傳遞參數的時候,可以使用 參數名:參數值的方式傳遞,這樣不會傳遞錯。不過下面的代碼是通過字典來實現的,不像python原封就支援這樣的方法function foo({ name:name, project:project}) { Print( project ); Print( name );}調用方法foo({ name:'soubok',
Time of Update: 2017-01-19
本文執行個體講述了JavaScript通過字典進行字串翻譯轉換的方法。分享給大家供大家參考。具體分析如下:這裡實際上就是先設定一個對照的字典,然後通過翻譯函數,從字典中找到相應的索引值。需要在JavaScript 1.8以上版本使用函數定義如下:function CreateTranslator(translationTable)function(s) s.replace(new RegExp([k for (k in translationTable)].join('|'),
Time of Update: 2017-01-19
本文執行個體講述了JavaScript更改原始對象valueOf的方法。分享給大家供大家參考。具體分析如下:JS中的對象都包含valueOf方法,我們可以通過自訂valueOf函數替換掉原始object的valueOffunction foo() { this.valueOf = function() { return 'this is my value'; }}var bar = new foo();Print( bar ); // prints: this is my
Time of Update: 2017-01-19
本文執行個體講述了JavaScript將字串轉換成字元編碼列表的方法。分享給大家供大家參考。具體如下:JavaScript將字串轉換成字元編碼列表,例如foo轉換成 [112,111,111]方法 1: JavaScript 1.6Array.map('foo', function(x) { return String.charCodeAt(x) })// is [112,111,111]方法2: JavaScript 1.7[ String.charCodeAt(x) for each (
Time of Update: 2017-01-19
本文執行個體講述了JavaScript將數群組轉換成CSV格式的方法。分享給大家供大家參考。具體分析如下:JavaScript中數組對象的valueOf方法可以將數組的值輸出為逗號分割的字串,下面的代碼示範了如何將數組抓換成逗號和豎線分割的字串var fruits = ['apple', 'peaches', 'oranges', 'mangoes'];var str = fruits.valueOf(); //輸出結果:
Time of Update: 2017-01-19
二級聯動在一般的網頁中隨處可見,一般是地址,比如點擊浙江省,隨後出現的是杭州市,嘉興市;點擊北京省出現的是朝陽,海澱,而不是出現杭州,嘉興。要想實現這個步驟,就要用到javascript來實現。其中原理用到onchange時間。首先,onchange 事件會在域的內容改變時發生。支援該事件的 JavaScript 對象:fileUpload, select, text,
Time of Update: 2017-01-19
密碼強度顯示和中文強弱顯示複製代碼 代碼如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'a.jsp' starting
Time of Update: 2017-01-19
本文執行個體講述了JavaScript通過元素索引號刪除數組中對應元素的方法。分享給大家供大家參考。具體分析如下:JavaScript通過元素的索引號刪除數組中的元素,如果要刪除第3個元素,則使用RemoveValByIndex(2)即可,JS數組從0開始function RemoveValByIndex(arr, index) { arr.splice(index, 1);}test = new Array();test[0] = 'Apple';test[1] = 'Ball';test[
Time of Update: 2017-01-19
本文執行個體講述了JavaScript從數組中刪除指定值元素的方法。分享給大家供大家參考。具體分析如下:下面的代碼使用了兩種方式刪除數組的元素,第一種定義一個單獨的函數,第二種為Array對象定義了一個removeByValue的方法,調用非常簡單定義函數removeByValue進行元素刪除function removeByValue(arr, val) { for(var i=0; i<arr.length; i++) { if(arr[i] == val) {
Time of Update: 2017-01-19
功能很簡單,代碼也很簡潔,這裡就不多廢話了function fullScreen() { var el = document.documentElement, rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if(typeof rfs != "undefined" && rfs) {
Time of Update: 2017-01-19
//事件處理相容各種瀏覽器,採用能力檢測方法,所謂能力檢測,就是有能力就做,沒有能力就不做 //定義一個處理事件的對象,相容各種瀏覽器,dom2級事件處理和ie事件,如果這兩個事件都不相容,就採用dom0級處理 var eventUtil ={ addEvent:function(element,type,handler){ if (element.addEventListener) {
Time of Update: 2017-01-19
什麼是短路運算式?短路運算式:作為"&&"和"||"操作符的運算元運算式,這些運算式在進行求值時,只要最終的結果已經可以確定是真或假,求值過程便告終止,這稱之為短路求值。這是這兩個操作符的一個重要屬性。一個最簡單的例子:複製代碼 代碼如下:foo = foo||bar;這行代碼是什麼意思?答案:複製代碼 代碼如下://如果foo存在,值不變,否則把bar的值賦給fooif(!foo) foo = bar;在javascript的邏輯運算中,0、""、null、
Time of Update: 2017-01-19
學習的道路就是要不斷的總結歸納,好記性不如爛筆頭,so,下面將po出8張javascript相關的思維導圖。思維導圖小tips:思維導圖又叫心智圖,是表達發射性思維的有效圖形思維工具
Time of Update: 2017-01-19
記得在面試騰訊實習生的時候,面試官問了我這樣一道問題。複製代碼 代碼如下://下述兩種聲明方式有什麼不同 function foo(){}; var bar = function
Time of Update: 2017-01-19
本文執行個體講述了javascript封裝對象用法。分享給大家供大家參考。具體分析如下:js對象是一種複合值:它是屬性或已命名值得集合。參考以下代碼:var s = "hello world";var len = s.length;在該例子中,s是字串,而字串不是對象,但為何會有屬性呢?其實只要引用了字串s的屬性,js就會將字串通過調用new