js实现多张图片切换效果

js实现多张图片切换效果

<script language=”JavaScript”>
var imgUrl=new Array();
var imgLink=new Array();
var imgText=new Array();
var picNum=0;
imgUrl[1]=”图片地址一”;
imgLink[1]=”链接1″;
imgText[1]=”标题或简介或其它HTML内容1″;
imgUrl[2]=”图片地址二”;
imgLink[2]=”链接2″;
imgText[2]=”标题或简介或其它HTML内容2″;
imgUrl[3]=”图片地址三”;
imgLink[3]=”链接3″;
imgText[3]=”标题或简介或其它HTML内容3″;
imgUrl[4]=”图片地址四”;
imgLink[4]=”链接4″;
imgText[4]=”标题或简介或其它HTML内容4″;
imgUrl[5]=”图片地址五”;
imgLink[5]=”链接5″;
imgText[5]=”标题或简介或其它HTML内容5″;

function NextPic(){
if(picNum<4) picNum++ ;//显示4个图片
else picNum=1;
if (document.all){
//下面注意,如果存在于FORM表单中,需要使用下面的方法,否则可直接使用name。
document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);
document.imgInit.filters.revealTrans.apply();
document.imgInit.filters.revealTrans.play();
}
document.images.imgInit.src=”/blog/imgUrl[picNum]”;
//如果不是图片,而是SWF等,可做判断,内容可在程序中做好,再放于下面。
focustext.innerHTML='<a href=”/blog/+imgLink[picNum]+” target=_blank>’+imgText[picNum]+'</a>’;
//设置翻页时间
theTimer=setTimeout(‘NextPic()’, 3000);
}

function goUrl(){
window.open(imgLink[picNum],’_blank’);
}
</script>

HTML代码中:
可以做到控件中
<TABLE cellPadding=0 width=100% border=0>
<TR>
<TD align=middle height=”140″ >
<div align=’center’>
<a href=’javascript:goUrl()’><img style=”FILTER: revealTrans(duration=2,Transition=5)” src=”javascript:NextPic()” width=”170″ height=”120″ border=”1″ id=imgInit name=imgInit></a></TD></TR>
<TR><TD align=middle height=”38″ ><div name=focustext id=focustext align=’center’></div>
</div>
</TD></TR></TABLE>

js表单验证控制代码大全

目录:

1.1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制
1.2.:js判断汉字、判断是否汉字 、只能输入汉字
1.3:js判断是否输入英文、只能输入英文
1.4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
1.5:只能输入英文字符和数字
1.6: js email验证 、js 判断email 、信箱/邮箱格式验证
1.7:js字符过滤,屏蔽关键字
1.8:js密码验证、判断密码

1.9:屏蔽右键

2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和”_”,
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符
2.7:表单的字符控制
2.8:form文本域的通用校验函数

 

1.1. 长度限制

 

<script>
  function test()
  {
    if(document.a.b.value.length>50)
    {
      alert("不能超过50个字符!");
      document.a.b.focus();
      return false;
    }
  }
</script>

<form name=a onsubmit="return test()">
  <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
  <input type="submit" name="Submit" value="check">
</form>

 

1.2. 只能是汉字

 

<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">

 

1.3. 只能是英文

<script language=javascript>
  function onlyEng()
  {
    if(!(event.keyCode>=65&&event.keyCode<=90))
      event.returnvalue=false;
  }
</script>

<input onkeydown="onlyEng();">

 

1.4. 只能是数字

<script language=javascript>
  function onlyNum()
  {
    //考虑小键盘上的数字键
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))    event.returnvalue=false;
  }
</script>

<input onkeydown="onlyNum();">

 

1.5. 只能是英文字符和数字

<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

 

1.6. 验证邮箱格式

<SCRIPT LANGUAGE=javascript RUNAT=Server>
  function isEmail(strEmail)
  {
    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
      return true;
    else
      alert("oh");
  }
</SCRIPT>

<input type=text onblur=isEmail(this.value)>

 

1.7. 屏蔽关键字(这里屏蔽***和****)

<script language="javascript1.2">
  function test() {
    if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
      alert(":)");
      a.b.focus();
      return false;
    }
  }
</script>

<form name=a onsubmit="return test()">
  <input type=text name=b>
  <input type="submit" name="Submit" value="check">
</form>

 

1.8. 两次输入密码是否相同

<script>
  function check()
  {
    with(document.all){
      if(input1.value!=input2.value){
        alert("false")
        input1.value = "";
        input2.value = "";
      }else 
        document.forms[0].submit();
    }
  }
</script>

<FORM METHOD=POST ACTION="">
  <input type="password" id="input1">
  <input type="password" id="input2">
  <input type="button" value="test" onclick="check()">
</FORM>

 

1.9.屏蔽右键

<BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
</BODY>

 

2.1  表单项不能为空

<script  language="javascript">
<!--
  function  CheckForm()
  {  
    if  (document.form.name.value.length  ==  0)  {  
      alert("请输入您姓名!");
      document.form.name.focus();
      return  false;
    }
    return  true;
  }
-->
</script>

 

 2.2  比较两个表单项的值是否相同

<script  language="javascript">
<!--
  function  CheckForm() 
    {
    if  (document.form.PWD.value  !=  document.form.PWD_Again.value)  {  
      alert("您两次输入的密码不一样!请重新输入.");
      document.ADDUser.PWD.focus();
      return  false;
    }
    return  true;
  }
-->
</script>

 

2.3  表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等

<script  language="javascript">
<!--
  function  isNumber(String)
  {  
    var  Letters  =  "1234567890-";  //可以自己增加可输入值 Z
    var  i;
    var  c;
    if(String.charAt(  0  )=='-')
      return  false;
    if(  String.charAt(  String.length  -  1  )  ==  '-'  )
      return  false;
    for(  i  =  0;  i  <  String.length;  i  ++  ) {  
      c  =  String.charAt(  i  );
      if  (Letters.indexOf(  c  )  <  0)
        return  false;
    }
    return  true;
  }

  function  CheckForm()
  {  
    if(!  isNumber(document.form.TEL.value))  {  
      alert("您的电话号码不合法!");
      document.form.TEL.focus();
      return  false;
    }
    return  true;
  }
-->
</script>

 

 

2.4  表单项输入数值/长度限定

<script  language="javascript">
<!--
  function  CheckForm() 
  {  
    if  (document.form.count.value  >  100  ||  document.form.count.value  <  1){  
    alert("输入数值不能小于零大于100!");
    document.form.count.focus();
    return  false;
  }
  if  (document.form.MESSAGE.value.length<10){  
    alert("输入文字小于10!");
    document.form.MESSAGE.focus();
    return  false;
  }
  return  true;
}
-->
</script>

 

2.5  中文/英文/数字/邮件地址合法性判断

<SCRIPT  LANGUAGE="javascript">
<!--

  function  isEnglish(name)  //英文值检测
  {  
    if(name.length  ==  0)
      return  false;
    for(i  =  0;  i  <  name.length;  i++)  {  
      if(name.charCodeAt(i)  >  128)
      return  false;
    }
    return  true;
  }

  function  isChinese(name)  //中文值检测
  {  
    if(name.length  ==  0)
      return  false;
    for(i  =  0;  i  <  name.length;  i++)  {  
      if(name.charCodeAt(i)  >  128)
        return  true;
    }
    return  false;
  }

  function  isMail(name)  //  E-mail值检测
  {  
    if(!  isEnglish(name))
      return  false;
    i  =  name.indexOf("  at  ");
    j  =  name  dot  lastIndexOf("  at  ");
    if(i  ==  -1)
      return  false;
    if(i  !=  j)
      return  false;
    if(i  ==  name  dot  length)
      return  false;
    return  true;
  }

  function  isNumber(name)  //数值检测
  {  
    if(name.length  ==  0)
      return  false;
    for(i  =  0;  i  <  name.length;  i++)  {  
      if(name.charAt(i)  <  "0"  ||  name.charAt(i)  >  "9")
        return  false;
    }
    return  true;
  }

  function  CheckForm()
  {  
    if(!  isMail(form.Email.value))  {  
      alert("您的电子邮件不合法!");
      form.Email.focus();
      return  false;
    }
    if(!  isEnglish(form.name.value))  {  
      alert("英文名不合法!");
      form.name.focus();
      return  false;
    }
    if(!  isChinese(form.cnname.value))  {  
      alert("中文名不合法!");
      form.cnname.focus();
      return  false;
    }
    if(!  isNumber(form.PublicZipCode.value))  {  
      alert("邮政编码不合法!");
      form.PublicZipCode.focus();
      return  false;
    }
    return  true;
  }
-->
</SCRIPT>

 

2.6  限定表单项不能输入的字符

<script  language="javascript">
<!--

  function  contain(str,charset)//  字符串包含测试函数
  {  
    var  i;
    for(i=0;i<charset.length;i++)
      if(str.indexOf(charset.charAt(i))>=0)
        return  true;
    return  false;
  }

  function  CheckForm()
  {  
    if  ((contain(document.form.NAME.value,  "%\(\)><"))  ||  (contain(document.form.MESSAGE.value,  "%\(\)><"))) {  
      alert("输入了非法字符");
      document.form.NAME.focus();
      return  false;
    }
    return  true;
  }
-->
</script>  

 

2.7 表单的字符控制

<script language="Javascript">

  //检查一段字符串是否全由数字组成
  function checkNum(str){return str.match(/\D/)==null}          
  alert(checkNum("1232142141"));
  alert(checkNum("123214214a1")) ;

  //判断是否全是字符
  function allIsCharacter()
  {
    if (/[^\x00-\xff]/g.test(s)) 
      alert("含有汉字"); 
    else 
      alert("全是字符"); 

//  if (escape(str).indexOf("%u")!=-1) alert("含有汉字");        
//  else alert("全是字符"); 
  }

  //函数名:chkemail    
  //功能介绍:检查是否为Email Address    
  //参数说明:要检查的字符串    
  //返回值:0:不是 1:是    
  function chkemail(a) 
  { 
    var i=a.length;    
    var temp = a.indexOf('@');    
    var tempd = a.indexOf('.');    
    if (temp > 1)  
      if ((i-temp) > 3)
        if ((i-tempd)>0)
          return 1; 
    return 0;    
  }    

  //函数名:fucCheckNUM    
  //功能介绍:检查是否为数字    
  //参数说明:要检查的数字    
  //返回值:1为是数字,0为不是数字    
  function fucCheckNUM(NUM) 
  {    
    var i,j,strTemp;    
    strTemp="0123456789";    
    if ( NUM.length== 0)    
      return 0    
    for (i=0;i<NUM.length;i++) {    
      j=strTemp.indexOf(NUM.charAt(i));    
      if (j==-1)    //说明有字符不是数字 
        return 0; 
    }    
    //说明是数字    
    return 1;    
  }    

  //函数名:fucCheckTEL    
  //功能介绍:检查是否为电话号码    
  //参数说明:要检查的字符串    
  //返回值:1为是合法,0为不合法    
  function fucCheckTEL(TEL) 
  {    
    var i,j,strTemp;    
    strTemp="0123456789-()# ";    
    for (i=0;i<TEL.length;i++) {    
      j=strTemp.indexOf(TEL.charAt(i));    
      if (j==-1)    //说明有字符不合法    
      return 0;    
    }    
    //说明合法    
    return 1;    
  }    

  //判断是否全为中文
  function ischinese(s)
  {  
    var ret=true;  
    for(var i=0;i<s.length;i++)  
      ret=ret && (s.charCodeAt(i)>=10000);  
    return ret;  
  }

  //判断用户名是否为数字字母下滑线
  function notchinese(str)
  {
    var reg=/[^A-Za-z0-9_]/g
    if (reg.test(str))
      return (false);
   else
      return(true); 
  }

</script>

 

2.8. form文本域的通用校验函数

作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

 

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下<input name=”txt_1″ title=”姓名”>,当然,最好用可视化工具比如dreamweaver什么的来编辑域。

< form  onsubmit="return dovalidate()"></form>

<scriptlanguage="Javascript">

  function dovalidate()
  {
    fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
    for(i=0;i<fm.length;i++) {  
    //检测判断条件,根据类型不同可以修改
    if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))
      if(fm[i].value="/blog/="") {
        str_warn1=fm[i].title+"不能为空!";
        alert(str_warn1);
        fm[i].focus();
        return false;        
      }
      if(fm[i].id.toUpperCase()=="SZ"){//数字校验
        if(isNaN(fm[i].value)){ 
          str_warn2=fm[i].title+"格式不对";
          alert(str_warn2);
          fm[i].focus();
          return false;
        }
      }
    }
    return true;
  }

</script>

 
如果要检测数字类型数据的话,再把域的id统一为javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

在javascript中实现同名函数

★★★ 本篇为原创,需要引用转载的朋友请注明:《 http://stephen830.iteye.com/blog/336287 》 谢谢支持!★★★

在javascript中有个系统变量arguments,在函数内使用,可以得到当前调用者调用函数所使用的参数。看看下面的例子:

function foo(){
    alert(arguments.length);//3
    var params="";
    for(var i=0;i<arguments.length;i++){
    	params=params+arguments[i];
    }
    alert(params);//abc
}

foo("a","b","c");

通过上面的例子,可以很清楚地了解了arguments的功能了。

我们知道,在javascript中如果定义了2个或2个以上的相同名字的函数,则只有最后定义的函数才有效。就如下面的例子:


function show(s){
	alert(s);
}

function show(s1,s2){
	alert(s1+s2);
}

show("a");//aundefined

例子中的show(“a”)调用的是show(s1,s3)函数,所以最后的结果显示了aundefined。

在java中经常会使用同名方法,在实际的开发过程中,同名函数(方法)的调用非常的方便,现在我们就可以利用arguments同样在javascript中实现同名函数。看下面的例子:


function showMessage(){
	var argLength = arguments.length;
	if(argLength==0||argLength>2) alert("参数错误!必须为1个或者2个参数");
	switch(argLength){
	case 1:
		showMessage1(arguments[0]);
		break;
	case 2:
		showMessage2(arguments[0],arguments[1]);
		break;
	}
}

function showMessage1(s){
	alert(s);
}

function showMessage2(s1,s2){
	alert(s1+s2);
}

在上面的例子中,调用的时候就可以传入1个或者2个参数都可以,showMessage(“a”)或者showMessage(“a”,”b”)都是有效的。

————————————————————

分享知识,分享快乐,希望文章能给需要的朋友带来小小的帮助。

Javascript实现web编辑器-兼容FF和IE


背景: CREAT需要进行文本分析,主要的任务就是从一大段原始需求文本中,通过人工或者自动的手段,识别出有用的元素,并打上标记。 由于自然文本的任意性,用自动的方法无法完全精确地得出文本的处理结果,即使是人工处理,也往往需要进行几轮迭代式的分析处理。 Web编辑器即使设计来支持人工处理的这一过程的。 

实现说明: 

IFrame作为编辑器主体。 

设置一下iframe的属性,iframe即可作为编辑器了。

<iframe frameborder=”0″ id=”WebEditor” style=”border: 1px dashed black;
height: 320px; width: 760px”
></iframe>
<script language=”javascript”>
Editor 
= document.getElementById(WebEditor).contentWindow;
Editor.document.designMode 
= on;//使document处于可编辑状态
Editor.document.open();
//For FF, 打开新的document以便编辑新内容
//Editor.document.write(“”);//可以设置header信息等, Iframe可以看成一个独立的html页面
Editor.document.close();//关闭document,强制发送数据显示
</script>

 

Javascript处理文本格式 

调用execCommand函数处理文本,可以实现粗斜下划、对齐方式、超链接、字体(大小、颜色等功能) execCommand函数的语法:

bSuccess = object . execCommand ( sCommand ,bUserInterface , vValue )

    document.execCommand() 解析

function format(what, opt)
{
    Editor.focus();
    Editor.document.execCommand(what, 
false, opt);
}

 

识别选择的文本,操纵DOM 

这里有几个FF和IE不同的地方,一个是回车,IE下是<p>,比FF的<br/>空了很多,解决方法是重载编辑器document的回车事件:

Editor.document.onkeypress = fnKeypress;
function fnKeypress(){
    
if(document.all){
        
var ev = Editor.event;
        
if(ev.keyCode==13 && !ev.shiftKey){//判断回车键
            var s = Editor.document.selection;
            
if (s!=null){
                
var r = s.createRange();
                
if (r!=null{
                    r.pasteHTML(
<BR/>);
                    r.select();
//将光标移动到新行
                }

            }

            
return false;
        }

    }

}

处理选择的文本:

function message()
{
    
if(document.all)//如果是 IE. (虽然,FF也可以用document.all)
    alert(Editor.document.selection.createRange().text);
    
else{
        
//alert(Editor.document.getSelection());
        alert(Editor.getSelection());
        
var selection = Editor.getSelection().getRangeAt(0);
        
var linkElement = Editor.document.createElement(a); //创建一个新的<A>节点
        linkElement.href = http://asers.blog.sohu.com;//设置<A>节点的href属性
        selection.surroundContents(linkElement);//加入超链接
    }

}

 

插入html代码:

 

function insert(html)
{
    
debugger;
    
if(window.event)
    Editor.document.selection.createRange().pasteHTML(html);
    
else
    format(
insertHTML, html);
}

PowerDesign最新版下载|PowerDesign15下载|PowerDesign15即破解补丁|PowerDesigner12.5下载

PowerDesign是Sybase推出的主打数据库设计工具。PowerDesign致力于采用基于Entiry-Relation的数据模型,分别从概念数据模型(Conceptual Data Model)和物理数据模型(Physical Data Model)两个层次对数据库进行设计。概念数据模型描述的是独立于数据库管理系统(DBMS)的实体定义和实体关系定义。物理数据模型是在概念数据模型的基础上针对目标数据库管理系统的具体化。

<script type=”text/javascript”><!–
google_ad_client = “pub-1985112462197986”;
/* 728×90, 创建于 10-7-27 */
google_ad_slot = “9407691718”;
google_ad_width = 728;
google_ad_height = 90;
//–>
</script><script type=”text/javascript” src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
PowerDesigner 15下载地址:http://download.sybase.com/eval/PowerDesigner/PowerDesigner15_Evaluation.exe库文件:
http://download.sybase.com/eval/PowerDesigner/PowerDesigner15_Library
PowerDesigner15.1破解补丁下载:
<script type=”text/javascript”><!–
google_ad_client = “pub-1985112462197986”;
/* 新广告 336×280, 创建于 10-8-20 */
google_ad_slot = “6915893334”;
google_ad_width = 336;
google_ad_height = 280;
//–>
</script><script type=”text/javascript” src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>
http://www.ali8ba.com/upfiles/pdflm15.rar

PowerDesigner 12.5下载地址:http://download.sybase.com/eval/PowerDesigner/powerdesigner125_eval.exe

PowerDesigner12.5破解补丁下载:
http://blogimg.chinaunix.net/blog/upfile2/080619224716.zip

破解方法:
下载 PowerDesigner12.5 后有一个 license.lic 和 pdflm12.dll 两个文件,license.lic 是用于破解序号的,pdflm12.dll 是用于替换原来安装后的文件,破解首先用 pdflm12.dll 替换安装要目录的 pdflm12.dll 文件,然后在PD的菜单中找到 Tools ==>> License Parameters ==>> 选第一个,然后先load找到 下载的 license.lic 文件,重启即破解完成。

PowerDesigner15.1的破解方法:
PowerDesigner 15.1 Enterpirse 破解文件 注册文件 pdflm15.dll 下载解压后覆盖 安装目录同名文件即可。绝对能用。

上面的地址要是不行,可以通过以下方法下载
http://www.sybase.com/detail_list id=11662&multi=true&SR=Y&show=1249
然后点连接PowerDesigner 12.5 Trial Evaluation Download
添一些信息,提交后到下面的页面
http://www.sybase.com/detail id=1038605
选择
Application – The PowerDesigner Product Main Installation
地址是:
http://download.sybase.com/eval/PowerDesigner/PowerDesigner15_Evaluation.exe

js判断键盘按键

以前在网上看书的时候,总是希望能有一个功能,当按”->”方向键时,可以自动跳转到下一章,今天终于实现了这个功能,顺便也掌握了js中判断键盘按键的方法.权以此文志之!

判断方法:

表 3. DHTML 键盘事件
名称 说明

onkeypress

这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)无法得到识别。

onkeyup

这个事件在用户放开任何先前按下的键盘键时发生。

onkeydown

这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。

示例:

function document.onkeydown()
{
if ( event.keyCode==’39’ ) //->右箭头
{
window.open(“http://www.163.com“);
}
}

functiondocument.onkeypress()
{
if(event.keyCode==’43’)
{
alert(‘你输入了键盘的“+”键’);
}
}

在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下:onkeydown->onkeypress->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。

onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydown和onkeyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同,可以根据具体的情况选择不同的键盘事件。
由于onkeypress不能对系统功能键进行捕获,导致window.event对象的keyCode属性和onkeydown,onkeyup键盘事件中获取的keyCode属性不同,主要表现在onkeypress事件的keyCode对字母的大小写敏感,而onkeydown、onkeyup事件不敏感;onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的,而onkeydown、onkeyup的keyCode对主付键盘的数字键敏感。
http://liu2liu2.spaces.live.com/blog/cns!54B12917375EF5A0!270.entry

屏蔽组合键ctrl+N

<scriptlanguage=javascript>
functionKeyDown(){
if((window.event.altKey)&&
((window.event.keyCode==37)||//屏蔽Alt+方向键←
(window.event.keyCode==39))){//屏蔽Alt+方向键→
alert(“不准你使用ALT+方向键前进或后退网页!”);
event.returnValue=false;
}
if((event.keyCode==8)||//屏蔽退格删除键
(event.keyCode==116)){//屏蔽F5刷新键
event.keyCode=0;
event.returnValue=false;
}
if((event.ctrlKey)&&(event.keyCode==78)){//屏蔽Ctrl+n
event.returnValue=false;
}
if((event.shiftKey)&&(event.keyCode==121)){//屏蔽shift+F10
event.returnValue=false;
}
if(event.keyCode==122){//屏蔽F11
event.returnValue=false;
}
}

ASCII码

ASCII码 键盘 ASCII码 键盘 ASCII码 键盘 ASCII码 键盘
27 ESC 32 SPACE 33 ! 34
35 # 36 $ 37 % 38 &
39 40 ( 41 ) 42 *
43 + 44 45 46 .
47 / 48 0 49 1 50 2
51 3 52 4 53 5 54 6
55 7 56 8 57 9 58 :
59 ; 60 < 61 = 62 >
63   64 @ 65 A 66 B
67 C 68 D 69 E 70 F
71 G 72 H 73 I 74 J
75 K 76 L 77 M 78 N
79 O 80 P 81 Q 82 R
83 S 84 T 85 U 86 V
87 W 88 X 89 Y 90 Z
91 [ 92 \ 93 ] 94 ^
95 _ 96 ` 97 a 98 b
99 c 100 d 101 e 102 f
103 g 104 h 105 i 106 j
107 k 108 l 109 m 110 n
111 o 112 p 113 q 114 r
115 s 116 t 117 u 118 v
119 w 120 x 121 y 122 z
123 { 124 | 125 } 126 ~

参考文章

http://blog.csdn.net/javatwt/archive/2007/03/02/1519481.aspx

document.getElementsByName()的用法

getElementById(), getElementsByName()与getElementsByTagName()的用法比较!

<%@ page language=”java” contentType=”text/html” pageEncoding=”utf-8″%>
<html>
 <head>
  <title>Login title here</title>
 </head>
 
 <body>
   <form id =”form1″ action=”test.do” method=”post”>
    <input type=”text” name=”a” value=”1″>
    <br>
    <input type=”text” name=”a” value=”2″>
    <br>
    <input type=”text” name=”a” value=”3″>
    <br>
    <input  type=”submit” value=”提交”>
   </form> 

 </body>
        <script type=”text/javascript”>
         document.getElementById(‘form1’).onsubmit=function(){
        
         var as=document.getElementsByName(‘a’);
      for(i=0;i<as.length;i++){
      alert(as[i].value);
      }
     }
    </script>
</html>

//==================上面的是HTML与JS把分离的代码(怎么样不用onclick 来触发submit按钮的书写过程)!可以把js代码写在form上面吗?

<%@ page language=”java” contentType=”text/html” pageEncoding=”utf-8″%>
<html>
 <head>
  <title>Login title here</title>
 </head>
 
      <script type=”text/javascript”>
          function put(){
          //下面是根据id拿值
          //  var a1=document.getElementById(“e”).value;
          //alert(a1)
         
         //下面是根据Name拿值,拿的是一个集合数组
           //  var as=document.getElementsByName(‘a’);
     //  for(i=0;i<as.length;i++){
     //  alert(as[i].value);
       
      //下面是根据tagName拿值,也是拿的一个数组
     
        var as=document.getElementsByTagName(“input”);
       for(i=0;i<as.length;i++){
       alert(as[i].value);
     
      }
     }
    </script>
 
 <body>
   <form id =”form1″ action=”test.do” method=”post”>
    <input id=”e” type=”text” name=”a” value=”1″>
    <br>
    <input type=”text” name=”a” value=”2″>
    <br>
    <input type=”text” name=”a” value=”3″>
    <br>
    <input  type=”submit” value=”提交” onclick=”put();”>
   </form> 

 </body>
  
</html>

 

下面是别人总结的:

http://hi.baidu.com/notebook034/blog/item/567bcffe2a3dfa345c6008c8.html

ajax乱码问题解决方案

Javascript:如何使用 escape()函数

JavaScript escape() 返回经过重新编码过的字符串。转自Vnde.cn

escape()格式

   escape(String)

escape()参数

    String 必填。String 对象或文字。

注意:

  escape()只编译符号和中文 英文则原样输出

测试代码:

<script type=”text/javascript”>
 document.write(“测试字符串<font color=\”#FF0000\”>Javascript escape函数</font> 编码后<font color=\”#FF0000\”>”);
 document.write(escape(“Javascript escape函数”));
 document.write(“</font><br>”);
</script>

运行结果:
<script type=”text/javascript”></script>
测试字符串Javascript escape函数 编码后Javascript%20escape%u51FD%u6570

 

 

http://zhiming-817.iteye.com/admin/blogs/new

 

JAVA写的escape函数,可以处理JAVASCRIPT的ESCAPE处理的字符,避免字符集问题

 

 

 

 

 

public String escape(String src) {
  int i;
  char j;
  StringBuffer tmp = new StringBuffer();
  tmp.ensureCapacity(src.length() * 6);
  for (i = 0; i < src.length(); i++) {
   j = src.charAt(i);
   if (Character.isDigit(j) || Character.isLowerCase(j)
     || Character.isUpperCase(j))
    tmp.append(j);
   else if (j < 256) {
    tmp.append("%");
    if (j < 16)
     tmp.append("0");
    tmp.append(Integer.toString(j, 16));
   } else {
    tmp.append("%u");
    tmp.append(Integer.toString(j, 16));
   }
  }
  return tmp.toString();
 }
 

 
 public String unescape(String src) {
  StringBuffer tmp = new StringBuffer();
  tmp.ensureCapacity(src.length());
  int lastPos = 0, pos = 0;
  char ch;
  while (lastPos < src.length()) {
   pos = src.indexOf("%", lastPos);
   if (pos == lastPos) {
    if (src.charAt(pos + 1) == 'u') {
     ch = (char) Integer.parseInt(src
       .substring(pos + 2, pos + 6), 16);
     tmp.append(ch);
     lastPos = pos + 6;
    } else {
     ch = (char) Integer.parseInt(src
       .substring(pos + 1, pos + 3), 16);
     tmp.append(ch);
     lastPos = pos + 3;
    }
   } else {
    if (pos == -1) {
     tmp.append(src.substring(lastPos));
     lastPos = src.length();
    } else {
     tmp.append(src.substring(lastPos, pos));
     lastPos = pos;
    }
   }
  }
  return tmp.toString();
 }

 

 

http://blog.chinaunix.net/u/25176/showart_508832.html