Time of Update: 2018-12-08
示範地址:http://demo.jb51.net/js/mouse/index.html打包 http://www.jb51.net/jiaoben/32434.html這個是我無聊的時候寫的,先看看效果(UI做得比較醜): 說明:紅色的點擊得分100,藍色的點擊扣分100. 只是想用js來寫個小遊戲,順便練練js的代碼。 先看html部分: html 複製代碼 代碼如下:<style>
Time of Update: 2018-12-08
JS 計算文本域剩餘字數剩 註: displaySpareNumber(this,10) 與 <input id="spareNumber" name="spareNumber" value="10" size="1"/> 中的10是你定義的內容長度.[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2018-12-08
廢話少說,代碼上來: 複製代碼 代碼如下: document.onkeydown=function() { var EventUtil = {}; EventUtil.getEvent = function(){ if(window.event){return window.event;} else{return EventUtil.getEvent.caller.arguments[0];} } var button = document.getElementById("qw"); if(
Time of Update: 2018-12-08
1) typeof 運算子 typeof 是一元運算子,返回結果是一個說明運算數類型的字串。如:"number","string","boolean","object","function","undefined"(可用於判斷變數是否存在)。 但 typeof 的能力有限,其對於Date、RegExp類型返回的都是"object"。如: 複製代碼 代碼如下:typeof {}; // "object" typeof []; // "object" typeof new Date(); //
Time of Update: 2018-12-08
先來看一下代碼:(支援多個class查詢和在某個範圍內進行查詢) 複製代碼 代碼如下:/* * 根據元素clsssName得到元素集合 * @param fatherId 父元素的ID,預設為document * @tagName 子項目的標籤名 * @className 用空格分開的className字串 */ function getElementsByClassName(fatherId,tagName,className){ node =
Time of Update: 2018-12-08
除了正常用法,slice 經常用來將 array-like 對象轉換為 true array. 名詞解釋:array-like object – 擁有 length 屬性的對象,比如 { 0: ‘foo', length: 1 }, 甚至 { length: ‘bar' }. 最常見的 array-like 對象是 arguments 和 NodeList. 查看 V8 引擎 array.js 的源碼,可以將 slice 的內部實現簡化為: 複製代碼 代碼如下:function
Time of Update: 2018-12-08
xmlns="http://www.w3.org/1999/xhtml"> 提示:可以輸入"1"開頭的
Time of Update: 2018-12-08
一、什麼是JavaScript? 1、JavaScript是一種解釋執行的指令碼語言 2、JavaScript是一種可以用給網頁增加互動性的程式設計語言 3、JavaScript不是Java。JavaScritp是Netscape公司開發的,而Java是由sun公司開發的 二、JavaScript的開發工具 從某種意義上講,文本編輯軟體都可以編寫JavaScript代碼,在windows平台建議使用Aptana
Time of Update: 2018-12-08
複製代碼 代碼如下:var forEach = (function(){ //數組與偽數組的遍曆 var _Array_forEach = function (array, block, context) { if (array == null) return; //對String進行特殊處理 if(typeof array == 'string'){ array = array.split(''); } var i = 0,length = array.length; for (;i <
Time of Update: 2018-12-08
複製代碼 代碼如下:<script type="text/javascript">// <![CDATA[ /* @author: hongru.chen ** @date: 2010-09-15 ** @vision: 1.1 */ var Hongru = {}; function $(id){return document.getElementById(id)} Object.prototype.extend = function(target, /*optional*/
Time of Update: 2018-12-08
標準的Get和Set訪問器的實現 複製代碼 代碼如下:function Field(val){ this.value = val; } Field.prototype = { get value(){ return this._value; }, set value(val){ this._value = val; } }; var field = new Field("test"); field.value="test2"; //field.value will now return
Time of Update: 2018-12-08
其實對於彈出層而言,拖拽最初的目的很單純,就是為了通過拉開層,使被彈出層擋住的內容可見,(當然,後來關於拖拽的功能不斷被最佳化,使得拖拽的應用有了別的意義,最典型的如igoogle的自訂首頁,通過拖放的形式滿足使用者自訂想要的內容模組順序和位置)。 本文討論的重點不是iGoogle的拖放效果,那屬於進階篇,本文是拖拽的“第一階”,如題,實現最簡單的拖拽。 這裡的“最簡單”即不考慮多個拖拽層的堆疊順序,不考慮拖拽範圍限制,不考慮類似iGoogle的“dragTo”的效果等等。。。
Time of Update: 2018-12-08
逼真的Js圖片倒計時,顯示剩餘小時、分鐘、秒數。僅用了一張圖片就搞定了,與純網頁版的不太一樣哦。現在用圖片類比LED的效果,還真不錯,希望大家徹底喜歡哦。 xmlns="http://www.w3.org/1999/xhtml"> 距離發射升空還有: ::
Time of Update: 2018-12-08
命名空間 JavaScript本身中沒有提供命名空間機制,所以為了避免不同函數、對象以及變數名對全域空間的汙染,通常的做法是為你的應用程式或者庫建立一個唯一的全域對象,然後將所有方法與屬性添加到這個對象上。 複製代碼 代碼如下:/* BEFORE: 5 globals */ // constructors function Parent() {} function Child() {} // a variable var some_var = 1; // some objects var
Time of Update: 2018-12-08
在發了博文之後,我又花了一些時間嘗試解決這個問題……經過幾次嘗試之後,我找到了另一種pattern,括弧並不再是必要的了: 複製代碼 代碼如下:eval(function () { var s = '', ww = [v] > (s += v); var ws = [n] > ww(' <A href="#">(' + n + ')</A> '); pnView3(14, [n] > ww(' [' + n + '] '), 1, 37, ws, []
Time of Update: 2018-12-08
填充沒有任何問題,但是在伺服器端卻取不出來下拉表中的內容。頁面代碼如下。 複製代碼 代碼如下:<form id="form1" runat="server"> <div> <h3>看看用js填充的dropdownlist控制項在伺服器端能讀出來嗎?</h3> 三個級聯下拉式清單方塊: <asp:DropDownList runat="server" id="bigTypeList" Width="150">
Time of Update: 2018-12-08
在前一篇博文中我介紹了一種可以讓JavaScript多少具備一點類似Lambda運算式的編程能力的辦法,但是由於要相容於JavaScript的語法檢查,所以可以使用的場合也很有限。 不過有些比較細心的朋友可能發現了,我在那個(偽)Lambda模組中使用了幾個小技巧,現在我就把這幾個小技巧介紹一下: 1、使用new Function來進行語法檢查。 嘗試寫架構的同學們一定對此感受頗深:有的時候通過代碼產生的代碼可能因為技術上的失誤而產語法錯誤,導致運行過程中異常中斷;有的時候需要接受使用者的輸入,
Time of Update: 2018-12-08
中文漢字排序、 中英文混合排序、 資料大小排序、 檔案類型排序(尾碼名排序) 日期時間排序、 價格排序、 中文混合數字排序; 使用方法:文檔載入後new tableListSort(arguments,arguments)。
Time of Update: 2018-12-08
這兩天在用Regex搞一個稍微有點複雜的東西,但是不同瀏覽器之間的差異可浪費了我不少的人蔘。 現在我把Regex在五大主流瀏覽器(IE、Firefox、Chrome、Safari、Opera,以目前的版本為準)之間的差異整理一下羅列出來,給大家,也算給我自己做一個備忘。 1、Firefox和Chrome會過度最佳化在迴圈(以及其中內嵌的函數定義)中建立的Regex,似乎它們在假設寫JavaScript的人會把Regex的構建和賦值寫錯地方。 複製代碼 代碼如下:var r; for(var i
Time of Update: 2018-12-08
複製代碼 代碼如下: var Person = new Array(); Person[0] = 120;//定義人的體重 120斤 Person[1] = 21;//定義人的年齡 21歲 document.write(“體重="+Person[0]+"年齡="+Person[1]);//輸出人的體重和年齡 另一個有趣的定義數組的方法: 複製代碼 代碼如下:var Person = new Array(); Person["weight"] = 50;