Time of Update: 2017-01-19
本文執行個體講述了javascript與jquery動態建立html元素的方法。分享給大家供大家參考,具體如下:1.javascript建立元素建立selectvar select = document.createElement("select");elect.options[0] = new Option("附加元件1", "value1");select.options[1] = new Option("附加元件2", "value2");select.size =
Time of Update: 2017-01-19
我們可能往往會去排查問題的緣由,其實,在排查掉冗餘的迴圈和精簡了控制項數量後,我們發現效能還是不樂觀,於是繼續排查,一個偶然的修改,卻大大改善了效率,就是類似如下的修改: 修改前: 複製代碼 代碼如下: objDiv.innerHTML += ‘<img id=”picture” src=”back.gif”>'; 修改後: 複製代碼 代碼如下: var imga = document.createElement("img");
Time of Update: 2017-01-19
前言Javascript是一門基於對象的動態語言,也就是說,所有東西都是對象,一個很典型的例子就是函數也被視為普通的對象。Javascript 可以通過一定的設計模式來實現物件導向的編程,其中this “指標”就是實現物件導向的一個很重要的特性。但是this也是Javascript中一個非常容易理解錯,進而用錯的特性。特別是對於接觸靜態語言比較久了的同志來說更是如此。樣本說明我們先來看一個最簡單的樣本:<script type="text/javascript"> var
Time of Update: 2017-01-19
首先:建立兩個類,一個是用來與資料進行串連(資料層),另一個是用來關聯前一個類與頁面的(邏輯層) 建立一個JScsrip.js 檔案 代碼如下: 複製代碼 代碼如下: function setPgb(pgbID, pgbValue,pvalues) { if ( pgbValue <= pvalues ) { if (lblObj = document.getElementById(pgbID+'_label')) { lblObj.innerHTML
Time of Update: 2017-01-19
複製代碼 代碼如下:ExcelOperation = function(){ this.oXL = null; this.oWB = null; this.oSheet = null; this.xlsRowCount = 0; //總記錄數 this.excelFileName = null; this.currentRow = 2; //當前行 /** * 得到EXCEL表格中的總記錄數 */ this.getRowCount = function(){ //oSheet.Range("C1
Time of Update: 2017-01-19
最近一段時間看了很多JavaScript 的庫源碼, 如 prototype, Ext core 等。這些庫中大量應用到了這一概念。直到昨天翻了一下《JavaScript王者歸來》這本書才算對this有一個深刻的理解。 大至歸結一下: 1. 函數調用者與所有者 JavaScript 中函數(function) 存在調用者 與 所有者這兩個概念,調用者是指調用函數的對象,通常是一個指向調用了當前函數的函數的引用,如果是頂層調用,那麼caller=null, 大部分瀏覽器的JavaScript實現
Time of Update: 2017-01-19
1. 談談Javascript的對象Javascript作為一種弱語言類型的語言,同時也是一種動態類型的語言。在使用Javascript的過程中,也常常需要用到Javascript的內建對象以及自訂的對象。1.1 如何建立對象Javascript是一種弱語言類型的語言,不必像Java、C#等進階語言那樣必須通過建構函式的方法來建立對象,在Javascript中,主要有兩種建立對象的方法,一種是直接通過new關鍵字定義,一種是通過函數來定義。如下: //第一種方式,直接通過new建立對象;
Time of Update: 2017-01-19
一、先介紹下5種原始類型JavaScript中5種原始類型為string,number,boolean,undefined,nullvar name = "Jack";var age = 32;var single = false;var app; //undefinedconsole.log(typeof name); //stringconsole.log(typeof age); //numberconsole.log(typeof single);
Time of Update: 2017-01-19
本文執行個體為大家分享了javascript回到頂部效果,供大家參考,具體內容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> <title>回到頂部效果(原生js)</title> <style type=
Time of Update: 2017-01-19
本文執行個體為大家分享了javascript滑鼠滑過顯示二級菜單效果,供大家參考,具體內容如下1. 關鍵代碼:使用 switch 或 if 判斷語句,改變對應的二級菜單顯示方式為 block 或 nonefunction selectTabMenu(i){ switch(i){ case 71: document.getElementById("TabMenuCon71").style.display="block";
Time of Update: 2017-01-19
windows.open()方法詳解:window.open(URL,name,features,replace)用於載入指定的URL到新的或已存在的視窗中,並返回代表新視窗的Window對象。它有4個可選的 參數:URL:一個可選的字串,聲明了要在新視窗中顯示的文檔的 URL。如果省略了這個參數,或者它的值是Null 字元串,那麼新視窗就不會顯示任何文檔。name:一個可選的字串,該字串是一個由逗號分隔的特徵列表,其中包括數字、字母和底線,該字元聲明了新視窗的名稱。這個名稱可以用作標記
Time of Update: 2017-01-19
一、用js計算12.32 * 7 結果是多少?答案:86.24000000000001 為什麼會出現這種問題?怎麼解決?js在處理小數的乘除法的時候有一個bug,解決的方法可以是:將小數變為整數來處理。以上的計算可以改為:12.32 * 100 * 7 /100得出的結果是:86.24,正確。 另外再計算一下:8.80 * 100 * 12 / 100結果:105.6000000000000238.80也會出現類似的問題。 精確度增加10倍:8.80 *
Time of Update: 2017-01-19
一個簡單的利用正則判斷輸入是否為數字:input1 = '0281234567';input2 = '0282345678';var reg = /^\d+$/g;reg.test(input1); //truereg.test(input2); //false
Time of Update: 2017-01-19
其實this是一個老生常談的問題了。關於this的文章非常多,其實我本以為自己早弄明白了它,不過昨天在做項目的過程中,還是出現了一絲疑惑,想到大概之前在JavaScript weekly裡收藏待看的一篇詳解this的文章(後有連結,也附上了稀土上的中文譯文)和另一篇一位前輩推薦的文章,就把它們看了看,對this的認識確實提升了一些。JavaScript
Time of Update: 2017-01-19
本文執行個體講述了javascript簡單實現等比例縮小圖片的方法。分享給大家供大家參考,具體如下://等比例縮小圖片function changeImg(obj,width,height) { var img = new Image(); img.src = document.getElementById(obj.id).src var ys_w = img.width; var ys_h = img.height; if(ys_w > width || ys_h >
Time of Update: 2017-01-19
screen對象擷取螢幕的高寬(解析度)screen.width //螢幕的寬screen.height //螢幕的高screen.availWidth //螢幕可用寬度 螢幕的像素高度減去系統組件高度之後的值screen.availHeight //螢幕可用高度 螢幕的像素寬度減去系統組件寬度之後的值window對象獲得視窗位置及大小window.screenTop //視窗頂部距螢幕頂部的距離window.screenLeft
Time of Update: 2017-01-19
前面的話 javascript函數的參數與大多數其他語言的函數的參數有所不同。函數不介意傳遞進來多少個參數,也不在乎傳進來的參數是什麼資料類型,甚至可以不傳參數。arguments javascript中的函數定義並未指定函數形參的類型,函數調用也未對傳入的實參值做任何類型檢查。實際上,javascript函數調用甚至不檢查傳入形參的個數function add(x){return x+1;}console.log(add(1));//2console.log(add('1'));//'11
Time of Update: 2017-01-19
前言: 由於公司開發項目需要用到表情外掛程式,在網上百度了好久,很多表情外掛程式,都是需要引用好多js檔案,也沒有現成的demo可以使用,還有一些外掛程式是引用好多圖片,每一個表情都要重新請求一下。為了這樣一個功能,要引入好多js,img,也是得不償失……所以,博主自己碼了一個小巧的“表情外掛程式”,方便以後項目直接使用。功能功能:傳遞表情對應的字元格式設定到後台,後台返回字串,前端將該字串解析展示成相應的表情展示在頁面上。使用方法:在option中配置需要的參數var option =
Time of Update: 2017-01-19
JavaScript的範圍一直以來是前端開發中比較難以理解的知識點,對於JavaScript的範圍主要記住幾句話,走遍天下都不怕...一、“JavaScript中無塊級範圍”在Java或C#中存在塊級範圍,即:大括弧也是一個範圍。public static void main (){ if(1==1){String name = "seven";}System.out.println(name);}// 報錯public static void Main(){ if(1==1){string
Time of Update: 2017-01-19
ES5中對象的屬性可以分為‘資料屬性'和‘訪問器屬性'兩種。資料屬性一般用於儲存資料數值,訪問器屬性對應的是set/get操作,不能直接儲存資料值。資料屬性特性:value、writable、enumerable、configurable。解釋:configurable:true/false,是否可以通過delete刪除屬性,能否修改屬性的特性,能否把屬性修改為訪問器屬性,預設false;enumerable:true/false,是否可以通過for