JavaScript基础－3

在javascript中有一个非常重要的对象就是DOM对象，DOM对象起到了对页面中的对象进行操作，我们许多效果与功能都要通过DOM实现。

有以下常用的基本对象：

数字对象：Number

字符串对象：String

数组对象：Array

数学对象：Math

日期对象：Date

全局对象：Global

Number对象的demo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            alert("Number的最大数是："+Number.MAX_VALUE);
            alert("Number的最小数是："+Number.MIN_VALUE);
        
        </script>
    </head>
    <body>
    </body>
</html>

String对象的demo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            function TestString(){
                alert("我们开始试验String对象");
                
                var txtStringValue = document.getElementById("txtStringDemo").value;
                alert("TextBox中的值是" + txtStringValue);
                
                alert("TextBox中的第一字符的值是" + txtStringValue.charAt(0));
                for(i=0;i<txtStringValue.length;i++)
                {
                    alert("第"+i+"字符的值是"+txtStringValue.charAt(i));
                }
                alert("将TextBox中第一字符转化为ASCII码" + txtStringValue.charCodeAt("0"));                
                
                
                
            }
        </script>
    </head>
    <body>
        <form id="StringFormDemo">
            <input type="text" id="txtStringDemo" value="">
            <input type="button" id="btnSubmint" value="试验字符串对象" onclick="TestString()">
        </form>
    </body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script type="text/javascript">
            function TestString(){
            
                var txtStringValue = document.getElementById("txtStringDemo").value;
                
                alert("txtStringDemo中的值是" + txtStringValue);
                
                var filenameExt = txtStringValue.substring(txtStringValue.lastIndexOf(".") + 1);
                
                alert("FileName extense:" + filenameExt);
                //比较之前先转化成为小写的字母
                if (filenameExt.toLowerCase() != "jpg") {
                    alert("对不起只支持jpg上传");
                }
                else {
                    alert("上传成功！");
                }
                
                
            }
            
            function ChangeName(){
                var txtStringValue = document.getElementById("txtStringDemo").value;
                
                var filename = txtStringValue.substring(txtStringValue.lastIndexOf("\\") + 1);
                var txtFile=document.getElementById("txtFileName");
                txtFile.value=filename;
            }
        </script>
    </head>
    <body>
        <form id="StringFormDemo">
            <input type="file" id="txtStringDemo" value="" onchange="ChangeName()">
            <input type="text" id="txtFileName">
            <input type="button" id="btnSubmint" value="试验字符串对象" onclick="TestString()">
        </form>
    </body>
</html>

posted @ 2008-11-18 20:02 楚广明阅读(582) 评论(2) 收藏举报

刷新页面返回顶部

JavaScript基础－3

公告