黑马自学_DOM_5(正则表达式、ASCII码说明)

原创 2012年03月31日 20:10:39

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

 

弹出模态对话框:window.showModalDialog("dialog.htm");

给对话框传递参数:使用showModalDialog的第二个参数传递参数(传递多个参数则传入一个数组),在对话框中用window.dialogArguments获得传递的参数值;

                                    对话框中给window.parent.returnValue设定返回值,这样在父窗体中通过showModalDialog返回值读取设置的返回值。

 

正则表达式:

JavaScript中创建正则表达式的方法:var regex=new RegExp("\\d{5}") 或者 var regex=/\d{5}/ 这样不用考虑转义符了。

RegExp对象的方法:

(1)test(str)判断字符串str是否符合正则表达式,相当于IsMatch

(2)exec(str)进行搜索匹配,返回值为匹配结果。

(3)compile编译表达式,提高运行速度。

 

ASCII吗说明:

8:退格

46:delete

37-40:方向键

48-57:小键盘上的数字

96-105:主键盘上的数字

110、190:小键盘、主键盘的小数点

189、109:小键盘、主键盘的负号

13:回车

9:tab键

禁止输入非法值,只有这些键才能被键入:

(k==46)||(k==9)||(k==13)||(k==8)||(k==189)||(k==109)||(k==190)||(k==110)||(k>=48&&k<=57)||(k>=96&&k<=105)||(k>=37&&k<=40)

回车键实现tab功能:<body onkeydown="if(window.event.keyCode==13){window.event.keyCode=96}">

禁止输入法:style="ime-mode:disabled"

 

练习一:鼠标所在的行字体变大,背景变红。其他的恢复正常

<script type="text/javascript">
    function iniULonmouseover() {
        var lis = document.getElementsByTagName("li");
        for (var i = 0; i < lis.length; i++) {
            lis[i].style.cursor = "pointer";
            lis[i].onmouseover = function () {
                var lis = document.getElementsByTagName("li");
                for (var i = 0; i < lis.length; i++) {
                    if (lis[i] == this) {
                        this.style.fontSize = "30";
                        this.style.backgroundColor = "red";
                    }
                    else {
                        lis[i].style.fontSize = "16";
                        lis[i].style.backgroundColor = "white";
                    }
                }
            }
        }
    }
</script>
<ul><li>中国队</li><li>美国队</li><li>巴西队</li><li>英国队</li><li>德国队</li></ul>

 

练习二:正则表达式验证邮箱合法性。邮箱不合法,登陆按钮不可用。

<script type="text/javascript">
    function regexTest(reTxt) {
        var regex = /.+@.+.+com/;                                                        正则表达式
        var regexTxt = reTxt.value;
        var btnload = document.getElementById("btnload");
        if (regex.test(regexTxt)) {
            reTxt.style.backgroundColor = "white";
            btnLoad.disabled = "";
        }
        else {
            reTxt.style.backgroundColor = "red";
            btnLoad.disabled = "disabled";
        }
    }
</script>
<input id="regexTxt" type="text" onblur="regexTest(this)" /><input id="btnLoad" type="button" value="登陆" />

 

练习三:添加千分位。

    function commafy(n) {                  //添加千分位
        var re = /(\d{1,3})(?=(\d{3})+(?:$|\.))/g;
        var n1 = n.replace(re, "$1,");
        return n1;
    }

    function legalCode(k){                       //判断ascii码是否是合法的
        return ((k == 13) || (k == 46) || (k == 8) || (k == 9) || (k == 189) || (k == 109) || (k == 190) || (k == 110) || (k >= 48 && k <= 57) || (k >= 96 && k <= 105) || (k >= 37 && k <= 40));
    }
    function mypaste() {                                //禁止粘贴非数字内容
        var textdata = clipboardData.getData("Text");
        for (var i = 0; i < textdata.length; i++) {
            var asc = textdata.charCodeAt(i) //获取ascii码
            if (!legalCode(asc)) {
                return false;
            }
        }
    }

 

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

 

相关文章推荐

黑马程序员---自学随堂笔记----正则表达式

1、要匹配手机号如13xxx,15xxx,18xxx代码如下 String tel = “13xxxxxxxxx;” String telReg = “1[358]\d{9}”; 判断boole...

黑马程序员_java自学学习笔记(十)----正则表达式

黑马程序员_java自学学习笔记(十)----正则表达式 android培训、java培训、期待与您交流!         一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元...

JAVA-25.2-js提高篇、BOM编程、事件编程、DOM编程、js正则表达式、表单验证案例

一、BOM编程  什么是BOM编程?BOM是(Broswer Object Model) 浏览器对象模型编程 1.window对象   open(): 在一个窗口中打开页面     参数一: 打...

JavaScript(二)--BOM编程/事件编程/DOM编程/正则表达式

BOM编程1.BOM编程图解: 2.window对象: open():在一个窗口中打开页面 参数一: 打开的页面 参数二:打开的方式。 _self: 本窗口 _blank: 新窗口(默认) ...

DOM编程之十一--正则表达式三

重点 (1)如果正则表达式设置了全局标志(g),可以多次调用exec和test方法在字符串中执行连续搜索,每次都是从RegExp对象的lastIndex属性值指定的位置开始搜索字符串。 (2)如果...

第5天(就业班) BOM、window对象、事件、location对象、screen对象、Dom编程根据属性找节点、通过关系找节点、添加附件、联动框、操作元素的css样式、正则表达式

1.BOM编程 BOM全称 Browser Object Model,浏览器对象模型。 JavaScript是由浏览器中内置的javascript脚本解释器程序来执行javascript脚本语言的...

了解DOM:Javascript正则表达式

From:http://www.ido321.com/1355.html 一、RegExp ECMAScript通过RegExp类型类支持正则表达式,语法和Perl类似: var exp...
  • J_ijava
  • J_ijava
  • 2014年12月22日 09:07
  • 340

bom编程+事件编程+dom编程+正则表达式

一.BOM编程 什么是BOM编程?(将浏览器的各个部分封装成了不同的对象) BOM是(Broswer Object Model) 浏览器对象模型编程 1.window对象...

javascript之DOM编程正则表达式引入

在javascript中,正则表达式和java中区别不大。只有一小部分不同的地方: /* 正则表达式的创建方式: "" 方式1: /正则表达式/模式 方式2: ...

DOM笔记(十):JavaScript正则表达式

一、RegExp ECMAScript通过RegExp类型类支持正则表达式,语法和Perl类似: var exp = /pattern/flags; patternb部分是任何简单的或复杂的正则...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:黑马自学_DOM_5(正则表达式、ASCII码说明)
举报原因:
原因补充:

(最多只允许输入30个字)