Time of Update: 2017-01-19
隱藏表格列,最常見的是如下方式:複製代碼 代碼如下:td.style.display = "none";這種方式的效率極低。例如,隱藏一個千行表格的某列,在我的筆記本(P4 M 1.4G,768M記憶體)上執行需要約 4000毫秒的時間,令人無法忍受。例如如下代碼:複製代碼 代碼如下:<body> <input type=button onclick=hideCol(1) value='隱藏第 2 列'> <input type=button
Time of Update: 2017-01-19
複製代碼 代碼如下:<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>javascript列印頁面</title> <script type="text/javascript"><!-- function fPrint(){ //隱藏不需要列印的內容.
Time of Update: 2017-01-19
<div id="test"> <div>第一個</div> <div>第二個</div> <div>第三個</div> <div>第四個</div> </div> <script> function test() { var els = document.getElementById("test").getElementsByTagName("div");
Time of Update: 2017-01-19
支援這些介面的指令碼語言有:JavaScript/JScript、VBScript、Perl和Python等。 WSC有以下特點。 小巧高效; 易於建立、維護和部署; 提供了建立COM組件的能力; 提供了訪問大量系統服務的能力。 用JavaScript編寫COM組件的核心工作是完成一個.wsc(Windows Scripting Component)檔案。.wsc檔案是一種標準的XML檔案,其格式如下: <?xml
Time of Update: 2017-01-19
程式說明 【ColorGrads顏色梯度】 程式ColorGrads的作用是通過StartColor和EndColor產生顏色梯度集合。 顏色都可以用紅(r)、綠(g)、藍(b)三個顏色來表示。 程式中先通過GetColor把一般的顏色表示形式轉化成一個用紅(r)、綠(g)、藍(b)三個顏色值作元素的集合。 那就首先要知道有什麼顏色表示形式,從w3c的Colors部分可以知道有以下形式: 關鍵詞模式: em { color: red } RGB顏色模式: em { color: #f00 }
Time of Update: 2017-01-19
屏蔽Alt+F4等快速鍵: 複製代碼 代碼如下:<script> function KeyDown(){ //屏蔽滑鼠右鍵、Ctrl+n、shift+F10、F5重新整理、退格鍵 //alert("ASCII代碼是:"+event.keyCode); if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向鍵 ← (window.event.keyCode==39))){ //屏蔽 Alt+ 方向鍵
Time of Update: 2017-01-19
例如不能採用這種調用方式:element.onclick = test();element.onclick = test(arg1,arg2);只能通過element.onclick = function(){ ... };或者element.onclick = test這種方式來實現,所以無法給函數傳遞參數。參考了大量的網上資料,解決這個問題的方式,以代碼為例,如下所示: 複製代碼 代碼如下:function Handler() { }; Handler.prototype = { /* *
Time of Update: 2017-01-19
1. SproutCoreSproutCore 蘋果對SproutCore的解釋為“開源,平台無關,類Cocoa的JavaScript架構,用於建立具有傳統型應用程式外觀和操作感的Web應用程式。”SproutCore demonstrations: Photos, Sample Controls 2. SprySpry 是Adobe 的 Ajax framework.
Time of Update: 2017-01-19
//interval變數 var inl = []; //原始透明度 var opa = 100; //判斷瀏覽器 var ie = navigator.appName == "Microsoft Internet Explorer" ? "Microsoft Internet Explorer" : ""; //縮小和開啟按紐 function gogo() { speed = 50; var mode; //利用方塊的display來判定是否縮小或放大 if(!$('tmp').style.
Time of Update: 2017-01-19
其實這個問題和瀏覽器的版本息息相關,作為菜鳥的我,直到現在也沒有找到完美的解決辦法。沒辦法,因為業務必須要實現,所以只好用另一種方法去做了:通過重新導向URL實現開啟新視窗的同時“關閉”舊視窗 test1.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> test1 </TITLE> <META
Time of Update: 2017-01-19
下面是雲棲社區一直也在用的幾種方法 複製代碼 代碼如下: <script language="javascript" type="text/javascript"> function request(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {} for (i=0;
Time of Update: 2017-01-19
table.rows集合中是cell對象 cell.innerHTML = "<td>123</td>" 在table的innerHTML中是<td>123</td></td> cell.innerHTML = "123" 在table的innerHTML中是<td>123</td> 所以設定cell.innerHTML不用再加<td></td> 另外今天在廁所裡看我以前買的書無意看到的
Time of Update: 2017-01-19
首先我們先說一下樣式表屬性 1. 內聯樣式即元素style屬性裡面設定的,層級最高 2. 頁面樣式表定義即頁面<style></style>裡面定義的,層級次之 3.外部連結樣式表檔案 JavaScript擷取和設定文件項目的css屬性: 1.擷取元素Style屬性裡面設定的樣式屬性, document.getElementById(id).style.height; 有,則返回屬性值;沒有則返回空
Time of Update: 2017-01-19
假如:一段普通的代碼: 其中gift_list為一個table的id 複製代碼 代碼如下:var giftBody = document.getElementById("gift_list").getElementsByTagName("tbody")[0]; var giftTrs = giftBody.getElementsByTagName("tr"); for (var i=0;i<giftTrs.length;i++) {
Time of Update: 2017-01-19
我們有很多種方法實現將商品添加到購物車,通常的做法是點擊“添加到購物車”按鈕,會跳轉到購物車,在購物車裡可以點擊“結算”按鈕進行結算。而今天我給大家介紹一個更友好的解決方案。查看示範
Time of Update: 2017-01-19
不過是iframe[name]的話,就涉及onload的問題了...所以就麻煩了許多.... 以下只是加了延遲...並沒有"真正"的處理onload的問題....其實可以迴圈window.open來解決,不過懶的弄就略了...^^ <a href="javascript:void(0);" onclick="openC('http://www.jb51.net/', 'cs', this)">jb51.net</a> <script
Time of Update: 2017-01-19
今天我又碼了兩個特效:一個是用原生input[type=range]的,另一個完全自訂的;下面是完整代碼和示範:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> #tip{ position: absolute; top: 30px; left: 0;
Time of Update: 2017-01-19
近年來隨著作業系統的升級以及各種新技術的開發普及,拋棄低版本IE已經是大勢所趨,這對於前端人員來時是個好訊息,可以不用花費太多的時間來做低版本的相容,很多網站採用給予低版本IE以提示的方式(恩,很友好很人道)給遊客,一般是在header上給一個提示,指令碼檢測如下:function getIEVersion(){ var rv = -1; // Return value assumes failure. if(navigator.appName == 'Microsoft
Time of Update: 2017-01-19
Array類型是ECMAScript中最常用的參考型別。ECMAScript中的資料與其它大多數語言中的數組有著相當大的區別。雖然ECMAScript中的資料與其它語言中的數組一樣都是資料的有序列表,但不同的是,ECMAScript數組中的每一項可以儲存任何類型的資料,無論是數值、字串或者是對象。同時,ECMAScript中的數組大小是可以動態調整的,即可以根據資料的添加自動成長以容納新增的資料。下面總結一下JavaScript中數組常用的操作函數及用法。•建立數組建立數組主要有建構
Time of Update: 2017-01-19
現在有一個需求如下圖:產品經理說Card Number只能讓輸入數字(中間的空格是格式自加的,也是用js實現的),有時候我腦海中出現了個聲音,啥玩意,加個type=number不就行了,事實發現圖樣圖森破了,先不說type=number後面會有個上下標(雖然用css可幹掉),但是這個類型是支援科學IME的,就是小數點和e這樣的是可以輸入的,於是乎只能用其他的方式了,後來想用檢索到輸入了非數字就幹掉,但是這樣還是能輸入,想法被打回,於是乎最終採用了鍵盤輸入控制的辦法,其實很簡單,代碼如下: