久久精品熟女亚洲av麻豆,亚洲男人第一无码aⅴ网站,亚洲欧洲∨国产一区二区三区

輸入框要求用JAVASCRIPT去驗證不能超過12個數(shù)字或英文或數(shù)字英文組合，還要求不能超過6個漢字,還要驗證漢字和字母，數(shù)字的組合

zx_bing — Fri, 27 Jul 2012 06:06:00 GMT

數(shù)據(jù)庫里面username vachar2(12)

這個輸入框要求用JAVASCRIPT去驗證不能超過12個數(shù)字或英文或數(shù)字英文組合，還要求不能超過6個漢字,還要驗證漢字和字母，數(shù)字的組合

如：用戶名1999(就可以)，麥克斯韋1999(就不行)

因為數(shù)據(jù)庫里面要求的長度是12，一個漢字就占兩個，但是在頁面可以輸入12個漢字
請用JAVASCRIPT寫出你的解決方案？

Js代碼

"Content-Type" content="text/html; charset=utf-8">
輸入待測字串: "text" onblur="test(this.value);">

zx_bing 2012-07-27 14:06 發(fā)表評論

Ajax 模擬動態(tài)列表

zx_bing — Fri, 27 Jul 2012 06:04:00 GMT

three.html

Java代碼

"-//W3C//DTD HTML 4.01 Transitional//EN">
index.html
"keywords" content="keyword1,keyword2,keyword3">
"description" content="this is my page">
"content-type" content="text/html; charset=GBK">
select1:
select2:
"button" value="顯示select2的值" onclick="alert(select2.value)">

three.jsp

Java代碼

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%!
private String fromDB (String valueFromSelect) {
StringBuffer sb = new StringBuffer();
if (valueFromSelect.equals("1")) {
sb.append(" \n");
sb.append(" haha\n");
sb.append(" 哈哈\n");
sb.append(" \n");
sb.append(" \n");
sb.append(" hehe\n");
sb.append(" 呵呵\n");
sb.append(" \n");
} else if (valueFromSelect.equals("2")) {
sb.append(" \n");
sb.append(" heihei\n");
sb.append(" 嘿嘿\n");
sb.append(" \n");
sb.append(" \n");
sb.append(" gaga\n");
sb.append(" 嘎嘎\n");
sb.append(" \n");
sb.append(" \n");
sb.append(" woyun\n");
sb.append(" 我暈\n");
sb.append(" \n");
sb.append(" \n");
sb.append(" 123\n");
sb.append(" 456\n");
sb.append(" \n");
}
return sb.toString();
}
%>
<%
String valueFromSelect = request.getParameter("valueFromSelect");
StringBuffer sb = new StringBuffer();
sb.append("\n");
sb.append("\n");
sb.append(fromDB(valueFromSelect));
sb.append("\n");
response.setHeader("content-type", "text/xml;charset=GBK");
System.out.println(sb);
out.println(sb.toString());
//out.flush();
out.close();
%>

zx_bing 2012-07-27 14:04 發(fā)表評論

全選調(diào)用的JS函數(shù)

zx_bing — Fri, 27 Jul 2012 06:03:00 GMT

Java代碼

function selectall()
{
//獲取頁面上所有的輸入元素
var a = document.getElementsByTagName("input");
//如果全選按鈕按上
if(document.getElementById("quanxuanbutton").checked == true)
{
//循環(huán)是checkbox類型的，就設(shè)置為true
for (var i=0; i
{
if (a[i].type == "checkbox")
{
a[i].checked =true;
}
}
}else{ //如果全選按鈕沒有按上
for (var i=0; i
{
if (a[i].type == "checkbox")
{
a[i].checked =false;
}
}
}
}

zx_bing 2012-07-27 14:03 發(fā)表評論

dwr 實現(xiàn)二級聯(lián)動 js

zx_bing — Fri, 27 Jul 2012 06:02:00 GMT

Java代碼

//省市聯(lián)動
var c_cigy = '';
//記錄第二個列表id，以備回調(diào)函數(shù)用
var cityItemName = '';
function changeCityOyp(province,city,relateItemName) {
ServerDwrUtil.getCityList(province.value,setCityOption);
//記錄二級下拉的 id relateItemName 供回調(diào)函數(shù)使用
cityItemName = relateItemName;
// 中國則二級下拉不能選擇
if(province.value == '0001') {
document.getElementById(cityItemName).disabled = true;
} else {
document.getElementById(cityItemName).disabled = false;
}
//省份在一個單元格里，省份前面有個input輸入框,得到input對象，再把省份傳進去
var provinceInput = province.parentNode.firstChild;
//如果省份為空，則單元格為空
if (province.value == '') {
provinceInput.value = '';
return;
}
provinceInput.value = province.options[province.selectedIndex].text;
}
// 回調(diào)函數(shù) args返回的是list.add(Map) map中{id}，經(jīng)過 spring配置對于一些特例返回的Class，且dwr不能識別的，
//
// 設(shè)置二級下拉列表
function setCityOption (args) {
alert(args.toString());
DWRUtil.removeAllOptions(cityItemName);
DWRUtil.addOptions(cityItemName, [ "" ]);
//id和name怎么確保的 args{[id:xxx,name:yyy],[id:xxx,name:yyyy]}
DWRUtil.addOptions(cityItemName, args, "id", "name");
}

zx_bing 2012-07-27 14:02 發(fā)表評論

javascript獲取select的值全解

zx_bing — Fri, 27 Jul 2012 06:01:00 GMT

Js代碼

獲取顯示的漢字
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
獲取數(shù)據(jù)庫中的id
window.document.getElementById("bigclass").value
獲取select組分配的索引id
window.document.getElementById("bigclass").selectedIndex
例子：
使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的結(jié)果是：我適宜市哈
使用
window.document.getElementById("bigclass").value
的結(jié)果是：4
使用
window.document.getElementById("bigclass").selectedIndex
的結(jié)果是：1

zx_bing 2012-07-27 14:01 發(fā)表評論

js變量作為URL參數(shù) 中文亂碼解決方法

zx_bing — Fri, 27 Jul 2012 06:00:00 GMT

1--前臺頁面

Java代碼

var uuid = encodeURI(encodeURI(oRecord.getData("uuid")));
var uname =encodeURI(encodeURI(oRecord.getData("uname")));
alert(uuid+"--"+uname);
var updateURL = contextPath+"/yuidemo/userManager.do?method=updateUser?uuid="+uuid+"&uname="+uname;

var uuid = encodeURI(encodeURI(oRecord.getData("uuid")));
			 var uname =encodeURI(encodeURI(oRecord.getData("uname")));
			  alert(uuid+"--"+uname);
			  var updateURL =  contextPath+"/yuidemo/userManager.do?method=updateUser?uuid="+uuid+"&uname="+uname;

2--控制層

Java代碼

String uuid = java.net.URLDecoder.decode(request.getParameter("uuid"),"utf-8");

String uuid =  java.net.URLDecoder.decode(request.getParameter("uuid"),"utf-8");

zx_bing 2012-07-27 14:00 發(fā)表評論

提高js性能注意事項

zx_bing — Tue, 24 Jul 2012 22:44:00 GMT

一．執(zhí)行效率
1. DOM
1.1 使用DocumentFragment優(yōu)化多次append
說明：添加多個dom元素時，先將元素append到DocumentFragment中，最后統(tǒng)一將DocumentFragment添加到頁面。
該做法可以減少頁面渲染dom元素的次數(shù)。經(jīng)IE和Fx下測試，在append1000個元素時，效率能提高10%-30%，F(xiàn)x下提升較為明顯。

服用前：
for (var i = 0; i < 1000; i++) {
    var el = document.createElement('p');
    el.innerHTML = i;
    document.body.appendChild(el);
}

服用后：
var frag = document.createDocumentFragment();
for (var i = 0; i < 1000; i++) {
    var el = document.createElement('p');
    el.innerHTML = i;
    frag.appendChild(el);
}
document.body.appendChild(frag);

1.2 通過模板元素clone，替代createElement
說明：通過一個模板dom對象cloneNode，效率比直接創(chuàng)建element高。
性能提高不明顯，約為10%左右。在低于100個元素create和append操作時，沒有優(yōu)勢。

服用前：
var frag = document.createDocumentFragment();
for (var i = 0; i < 1000; i++) {
    var el = document.createElement('p');
    el.innerHTML = i;
    frag.appendChild(el);
}
document.body.appendChild(frag);

服用后：
var frag = document.createDocumentFragment();
var pEl = document.getElementsByTagName('p')[0];
for (var i = 0; i < 1000; i++) {
    var el = pEl.cloneNode(false);
    el.innerHTML = i;
    frag.appendChild(el);
}
document.body.appendChild(frag);

1.3 使用一次innerHTML賦值代替構(gòu)建dom元素
說明：根據(jù)數(shù)據(jù)構(gòu)建列表樣式的時候，使用設(shè)置列表容器innerHTML的方式，比構(gòu)建dom元素并append到頁面中的方式，效率有數(shù)量級上的提高。

服用前：
var frag = document.createDocumentFragment();
for (var i = 0; i < 1000; i++) {
    var el = document.createElement('p');
    el.innerHTML = i;
    frag.appendChild(el);
}
document.body.appendChild(frag);

服用后：
var html = [];
for (var i = 0; i < 1000; i++) {
    html.push('' + i + '
');
}
document.body.innerHTML = html.join('');

1.4 使用firstChild和nextSibling代替childNodes遍歷dom元素
說明：約能獲得30%-50%的性能提高。逆向遍歷時使用lastChild和previousSibling。

服用前：
var nodes = element.childNodes;
for (var i = 0, l = nodes.length; i < l; i++) {
var node = nodes[i];
……
}

服用后：
var node = element.firstChild;
while (node) {
……
node = node.nextSibling;
}

2. 字符串

2.1 使用Array做為StringBuffer，代替字符串拼接的操作
說明：IE在對字符串拼接的時候，會創(chuàng)建臨時的String對象；經(jīng)測試，在IE下，當(dāng)拼接的字符串越來越大時，運行效率會急劇下降。Fx和Opera都對字符串拼接操作進行了優(yōu)化；經(jīng)測試，在Fx下，使用Array的join方式執(zhí)行時間約為直接字符串拼接的1.4倍。

服用前：
var now = new Date();
var str = '';
for (var i = 0; i < 10000; i++) {
    str += '123456789123456789';
}
alert(new Date() - now);

服用后：
var now = new Date();
var strBuffer = [];
for (var i = 0; i < 10000; i++) {
    strBuffer.push('123456789123456789');
}
var str = strBuffer.join('');
alert(new Date() - now);

3. 循環(huán)語句

3.1 將循環(huán)控制量保存到局部變量
說明：對數(shù)組和列表對象的遍歷時，提前將length保存到局部變量中，避免在循環(huán)的每一步重復(fù)取值。

服用前：
var list = document.getElementsByTagName('p');
for (var i = 0; i < list.length; i++) {
    ……
}

服用后：
var list = document.getElementsByTagName('p');
for (var i = 0, l = list.length; i < l; i++) {
    ……
}

3.2 順序無關(guān)的遍歷時，用while替代for
說明：該方法可以減少局部變量的使用。比起效率優(yōu)化，更能直接看到的是字符數(shù)量的優(yōu)化。該做法有程序員強迫癥的嫌疑。

服用前：
var arr = [1,2,3,4,5,6,7];
var sum = 0;
for (var i = 0, l = arr.length; i < l; i++) {
    sum += arr[i];
}

服用后：
var arr = [1,2,3,4,5,6,7];
var sum = 0, l = arr.length;
while (l--) {
    sum += arr[l];
}

4. 條件分支

4.1 將條件分支，按可能性順序從高到低排列
說明：可以減少解釋器對條件的探測次數(shù)。

4.2 在同一條件子的多（>2）條件分支時，使用switch優(yōu)于if
說明：switch分支選擇的效率高于if，在IE下尤為明顯。4分支的測試，IE下switch的執(zhí)行時間約為if的一半。

4.3 使用三目運算符替代條件分支
服用前：
if (a > b) {
num = a;
} else {
num = b;
}

服用后：
num = a > b ? a : b;

5. 定時器

5.1 需要不斷執(zhí)行的時候，優(yōu)先考慮使用setInterval
說明：setTimeout每一次都會初始化一個定時器。setInterval只會在開始的時候初始化一個定時器

服用前：
var timeoutTimes = 0;
function timeout () {
    timeoutTimes++;
    if (timeoutTimes < 10) {
        setTimeout(timeout, 10);
    }
}
timeout();

服用后：
var intervalTimes = 0;
function interval () {
    intervalTimes++;
    if (intervalTimes >= 10) {
        clearInterval(interv);
    }
}
var interv = setInterval(interval, 10);

5.2 使用function而不是string
說明：如果把字符串作為setTimeout和setInterval的參數(shù)，瀏覽器會先用這個字符串構(gòu)建一個function。

服用前：
var num = 0;
setTimeout('num++', 10);

服用后：
var num = 0;
function addNum () {
    num++;
}
setTimeout(addNum, 10);

6. 其他

6.1 盡量不使用動態(tài)語法元素
說明：eval、Function、execScript等語句會再次使用javascript解析引擎進行解析，需要消耗大量的執(zhí)行時間。

6.2 重復(fù)使用的調(diào)用結(jié)果，事先保存到局部變量
說明：避免多次取值的調(diào)用開銷。

服用前：
var h1 = element1.clientHeight + num1;
var h2 = element1.clientHeight + num2;

服用后：
var eleHeight = element1.clientHeight;
var h1 = eleHeight + num1;
var h2 = eleHeight + num2;

6.3 使用直接量
說明：
var a = new Array(param,param,...) -> var a = []
var foo = new Object() -> var foo = {}
var reg = new RegExp() -> var reg = /.../

6.4 避免使用with
說明： with雖然可以縮短代碼量，但是會在運行時構(gòu)造一個新的scope。
OperaDev上還有這樣的解釋，使用with語句會使得解釋器無法在語法解析階段對代碼進行優(yōu)化。對此說法，無法驗證。

服用前：
with (a.b.c.d) {
property1 = 1;
property2 = 2;
}

服用后：
var obj = a.b.c.d;
obj.property1 = 1;
obj.property2 = 2;

6.5 巧用||和&&布爾運算符

服用前：
function eventHandler (e) {
if(!e) e = window.event;
}

服用后：
function eventHandler (e) {
e = e || window.event;
}

服用前：
if (myobj) {
doSomething(myobj);
}

服用后：
myobj && doSomething(myobj);

6.6 類型轉(zhuǎn)換
說明：
1).    數(shù)字轉(zhuǎn)換成字符串，應(yīng)用"" + 1，性能上：("" +) > String() > .toString() > new String()；
2).    浮點數(shù)轉(zhuǎn)換成整型，不使用parseInt()， parseInt()是用于將字符串轉(zhuǎn)換成數(shù)字，而不是浮點數(shù)和整型之間的轉(zhuǎn)換，建議使用Math.floor()或者Math.round()
3).    對于自定義的對象，推薦顯式調(diào)用toString()。內(nèi)部操作在嘗試所有可能性之后，會嘗試對象的toString()方法嘗試能否轉(zhuǎn)化為String。

二．內(nèi)存管理

2.1 循環(huán)引用
說明：如果循環(huán)引用中包含DOM對象或者ActiveX對象，那么就會發(fā)生內(nèi)存泄露。內(nèi)存泄露的后果是在瀏覽器關(guān)閉前，即使是刷新頁面，這部分內(nèi)存不會被瀏覽器釋放。

簡單的循環(huán)引用：
var el = document.getElementById('MyElement');
var func = function () {…}
el.func = func;
func.element = el;

但是通常不會出現(xiàn)這種情況。通常循環(huán)引用發(fā)生在為dom元素添加閉包作為expendo的時候。

如：
function init() {
    var el = document.getElementById('MyElement');
el.onclick = function () {……}
}
init();

init在執(zhí)行的時候，當(dāng)前上下文我們叫做context。這個時候，context引用了el，el引用了function，function引用了context。這時候形成了一個循環(huán)引用。

下面2種方法可以解決循環(huán)引用：

1)    置空dom對象

服用前：
function init() {
var el = document.getElementById('MyElement');
el.onclick = function () {……}
}
init();

服用后：
function init() {
var el = document.getElementById('MyElement');
el.onclick = function () {……}
el = null;
}
init();

將el置空，context中不包含對dom對象的引用，從而打斷循環(huán)應(yīng)用。
如果我們需要將dom對象返回，可以用如下方法：

服用前：
function init() {
    var el = document.getElementById('MyElement');
    el.onclick = function () {……}
    return el;
}
init();

服用后：
function init() {
var el = document.getElementById('MyElement');
el.onclick = function () {……}
try{
return el;
} finally {
    el = null;
}
}
init();

2)    構(gòu)造新的context
服用前：
function init() {
    var el = document.getElementById('MyElement');
    el.onclick = function () {……}
}
init();

服用后：
function elClickHandler() {……}
function init() {
    var el = document.getElementById('MyElement');
    el.onclick = elClickHandler;
}
init();

把function抽到新的context中，這樣，function的context就不包含對el的引用，從而打斷循環(huán)引用。

2.2 通過javascript創(chuàng)建的dom對象，必須append到頁面中
說明：IE下，腳本創(chuàng)建的dom對象，如果沒有append到頁面中，刷新頁面，這部分內(nèi)存是不會回收的！

示例代碼：

    function create () {
        var gc = document.getElementById('GC');
        for (var i = 0; i < 5000 ; i++)
        {
            var el = document.createElement('div');
            el.innerHTML = "test";

            //下面這句可以注釋掉，看看瀏覽器在任務(wù)管理器中，點擊按鈕然后刷新后的內(nèi)存變化
            gc.appendChild(el);
        }
    }

2.3 釋放dom元素占用的內(nèi)存
說明：
將dom元素的innerHTML設(shè)置為空字符串，可以釋放其子元素占用的內(nèi)存。
在rich應(yīng)用中，用戶也許會在一個頁面上停留很長時間，可以使用該方法釋放積累得越來越多的dom元素使用的內(nèi)存。

2.4 釋放javascript對象
說明：在rich應(yīng)用中，隨著實例化對象數(shù)量的增加，內(nèi)存消耗會越來越大。所以應(yīng)當(dāng)及時釋放對對象的引用，讓GC能夠回收這些內(nèi)存控件。
對象：obj = null
對象屬性：delete obj.myproperty
數(shù)組item：使用數(shù)組的splice方法釋放數(shù)組中不用的item

2.5 避免string的隱式裝箱
說明：對string的方法調(diào)用，比如'xxx'.length，瀏覽器會進行一個隱式的裝箱操作，將字符串先轉(zhuǎn)換成一個String對象。推薦對聲明有可能使用String實例方法的字符串時，采用如下寫法：
var myString = new String('Hello World');

zx_bing 2012-07-25 06:44 發(fā)表評論