Time of Update: 2014-07-06
1、只允許輸入數字<input name="username" type="text" onkeyup="value=this.value.replace(/\D+/g,'')">2、只允許輸入英文字母、數字和底線(以下二種方法實現)<input name="username" type="text" style="ime-mode:disabled"><input name="username" type="text"
Time of Update: 2014-07-06
有時需要限制文字框輸入內容的類型,本節分享下Regex限制文字框只能輸入數字、小數點、英文字母、漢字等代碼。例如,輸入大於0的正整數複製代碼 代碼如下:<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){
Time of Update: 2014-07-06
jQuery 2.0 去除了對瀏覽器版本號碼的判斷(它推薦特性檢測),這裡是一個老外寫的原生判斷方法,這段代碼著實巧妙!既簡介、有向後相容!一般做法都是:正則搜尋 USER_AGENT ;但因為曆史原因, USER_AGENT 一直都不準確,而且被各大廠商改的亂七八糟。:比如:IE10 : Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)IE11 : Mozilla/5.0 (Windows NT 6.
Time of Update: 2014-07-06
方法一: 複製代碼 代碼如下:function AddHandlingFeeToRefund() { var AjaxURL=
Time of Update: 2014-07-06
複製代碼 代碼如下: //斷行符號觸發某按鈕的單擊事件 <input name="" type="text" class="input_search fl" id="searchkey" onkeydown="globelQuery(event);"/> <div class="search_but fr" onclick="searchByKey()" id="globelSearch">搜尋</div> http://img.blog.csdn.net/
Time of Update: 2014-07-06
在JS中將JSON的字串解析成JSON資料格式,一般有兩種方式:1.一種為使用eval_r()函數。2. 使用Function對象來進行返回解析。在資料轉送流程中,json是以文本,即字串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字串之間的相互轉換是關鍵。例如:JSON字串:var str1 = '{ "name": "cxh", "sex": "man" }';JSON對象:var str2 = { "name": "cxh", "sex": "man"
Time of Update: 2014-07-06
複製代碼 代碼如下:<select id = "cityList" > <select id = "selectId" > <option value = "0">第0個</option> </select> <script> var
Time of Update: 2014-07-06
複製代碼 代碼如下: <script language="javascript"> function test() { var rng=document.body.createTextRange(); alert(rng.text) } function test1() { var rng=document.body.createTextRange(); alert(rng.htmlText) } </script> <input type="button"
Time of Update: 2014-07-06
1、讀取XML字串:例如:複製代碼 代碼如下:$(document).ready(function(){ var xml = "<xml><root><record><name>liubl</name></record><record><name>chencp</name</record></root></xml>";//var xml="<table&
Time of Update: 2014-07-06
每個<script>標籤初始下載時都會阻塞頁面渲染,所以減少頁麵包含的<script>標籤數量有助於改善這一情況。這不僅僅針對外鏈指令碼,內嵌指令碼的數量同樣也要限制。瀏覽器在解析HTML頁面的過程中每遇到一個<script>標籤,都會因執行指令碼而導致一定的延時,因此最小化延遲時間將會明顯改善頁面的總體效能。
Time of Update: 2014-07-06
由於JQuery中獲得的對象還是JQuery對象,對其使用focus()只是使該對象獲得onFocus()函數,不能是對象獲得焦點,所以要使對象獲得焦點,應該調用DOM對象的focus 方法,即: 複製代碼 代碼如下: $("#id")[0].focus(); 需要注意兩個函數之間的區別: 複製代碼 代碼如下: $("#id").focus(); $("#id")[0].focus(); 第一個是增加onFocus()時間,一個是使DOM對象獲得焦點。
Time of Update: 2014-07-06
最近遇到一個問題: 複製代碼 代碼如下: var obj = {"name1":"張三","name2":"李四"}; var key = "name1"; var value = obj.key;//得到了"undefined" value = obj.name1;//得到了"張三" 其實我是想動態給key賦值,然後得到key為多少所對就的值。但這種做法行不通,obj.key會去找obj下key為"key"所對應的值,結果當然是找不到嘍。 於是,我想到了js中遍曆對象屬性的方法: 複製代碼
Time of Update: 2014-07-06
以下是根據社會安全號碼碼編碼規則,使用JS對其進行有效性驗證代碼IdCard-Validate.js代碼如下: 複製代碼 代碼如下:/** * 身份證15位編碼規則:dddddd yymmdd xx p * dddddd:地區碼 * yymmdd: 出生年月日 * xx: 順序類編碼,無法確定 * p: 性別,奇數為男,偶數為女 * <p /> * 身份證18位編碼規則:dddddd yyyymmdd
Time of Update: 2014-07-06
複製代碼 代碼如下://speed 捲動速度 time 時間間隔function gotoTop(speed,time){ speed = speed || 0.1; time = time || 16; // 捲軸到頁面頂部的水平距離 var x = document.body.scrollLeft; //
Time of Update: 2014-07-06
window.location="aaa.aspx" 上面的方法只能在當前頁開啟,如果要在新的頁面開啟,最簡單的是用以下方法 form.target="_blank"; form.action="aaa.aspx"; form.submit(); window.top.location=url 可以在iframe中的頁面在父視窗重新整理開啟
Time of Update: 2014-07-06
使用Nodejs是如此簡單的實現了一個簡單的聊天伺服器實現代碼如下:var net = require('net'); var chatServer = net.createServer(),clientList = []; chatServer.on("connection",function(client){ client.name = client.remoteAddress + ":" + client.remotePort; client.write("Hi!
Time of Update: 2014-07-06
如所示,我們需要實現如下這些驗證功能:控制項都是必輸控制項都需要控制最大長度第一次開啟頁面,控制項不能顯示為錯誤狀態輸入內容再清空後,必輸控制項需要顯示為錯誤狀態只有所有輸入合法後,發布按鈕才能變為可用狀態通過AngularJS,我們可以很輕鬆的實現這些要求,只需要1行JS代碼。UI樣式這裡採用的是Bootstrap。先上範例程式碼:HTML。<!DOCTYPE html><html lang="zh-cn" ng-app="ftitApp"><head> &
Time of Update: 2014-07-06
昨天記錄了擷取鍵盤按鍵的值的事件,有了值,無非就是針對不同值做不同的操作嘛,而且之前曾經在寫貪吃蛇時也用到過。結果一捯飭,又是好久的一段時間,所以感覺有必要記錄下的,一方面確有可取之處,另一方面也對自己的提醒,剛剛實現過的功能轉頭又是陌生人了,總的來說,算是溫故而知新吧。這樣我們先來分析,要實現鍵盤操作實現div的移動大概的原理吧:*---要實現div的移動,首先最關鍵的一點:擷取div對象*---postion:absolute將div完全從文檔流中拖出啊,這個地方漏掉了,回去看了貪吃蛇才發現
Time of Update: 2014-07-06
無論是PHP,還是其他的服務端指令碼都提供了檔案上傳功能,實現起來也比較簡單。而利用JavaScript來配合,即可實現Ajax方式的檔案上傳。雖然jQuery本身沒有提供這樣的簡化函數,但有不少外掛程式可以實現。其中,Phpletter.com提供的ajaxfileupload.js是一個輕量的外掛程式,而且編寫方式與jQuery提供的全域方法$.post()非常相似,簡單易用。不過,該外掛程式實在太簡化了,除了可提供需上傳檔案的路徑外,也就不能傳遞額外的值到後台服務端。所以,我修
Time of Update: 2014-07-06
<html> <title></title> <head></head> <style> .thumbnail{overflow:hidden;width:400px;height:240px;} </style> <script