JS几个常用的函数和对象定义与用法示例

本文实例讲述了JS几个常用的函数和对象定义与用法。分享给大家供大家参考，具体如下：

<html>
    <head>
        <title>js几种常见的函数</title>
        <meta charset="UTF-8"/>
        <script type="text/javascript">
            //string类中的函数
            var str="clannad";
//            var m=str.toUpperCase();
//            alert(m);
//            alert(str.toUpperCase());
//            alert(str.toLowerCase());                //数据是以0下标开始
//            var m=str.substr(0,1).toUpperCase();
//            alert(m + str.substr(1,str.length-1).toLowerCase());  //实现首字母大写,substr后面的参数是起始的位置和数据的长度
//            alert(str.substring(0,1).toUpperCase() + str.substring(1,str.length).toLowerCase());  //substring后面的参数是起始的位置到结束的位置
//            alert(str.indexOf("a"));
//            alert(str.lastIndexOf("a"));
//            alert(str.indexOf("z"));   //没有，返回值为-1
            function testData(a){
                var da=new Date();
//                alert(da.getYear());   //年份是从第一台计算机诞生到现在的年份
//                alert(da.getFullYear());  //返回正常的年份
//                alert(da.getMonth()+1);   //其月份是从0开始的，一月是0
//                alert(da.getDay());      //得到今天是星期几，其中其第一天是星期天，第一天为0/
//                alert(da.getDate());     //得到现在的日期
                alert(da.getHours());     //得到现在的小时
                alert(da.getMinutes());    //得到现在的分钟
                alert(da.getSeconds());    //得到现在的秒
            }
            function testMath(a){
                alert(Math.floor(Math.random()*9000 + 1000));  //输出一个四位整数  ceil是向上取整，floor是向下取整
            }
            function testGlobal(a){
                eval("var a='123'");    //eval可以将字符串转化为js代码执行，但是要注意其字符串的内容要用“”括起来
//                alert(a);          //a也没有显示undefined,这是由于eval的存在。
                b="haha";
                if(!isNaN(Number(a))){
                    alert("我是一个数字啊");
                }else{
                    alert("不是一个数字")
                }
                if(!isNaN(b)){         //isNaN是判断变量是否为数字，其可以自动进行number转换。
                    alert("我是一个数字啊");
                }else{
                    alert("不是一个数字")
                }
            }
        </script>
    </head>
    <body>
        <h3>js几种常见的函数</h3>
        <input type="button" name="" id="" value="测试Date" onclick="testData()"/>
        <input type="button" name="" id="" value="测试Math" onclick="testMath()"/>
        <input type="button" name="" id="" value="测试Global" onclick="testGlobal()"/>
    </body>
</html>

仅仅是几个基本的函数，有看还是api.

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

赞 (0)

相关推荐

  • 深入理解javascript构造函数和原型对象

    深入理解javascript构造函数和原型对象

    常用的几种对象创建模式 使用new关键字创建 最基础的对象创建方式,无非就是和其他多数语言一样说的一样:没对象,你new一个呀! var gf = new Object(); gf.name = "tangwei"; gf.bar = "c++"; gf.sayWhat = function() { console.log(this.name + "said:love you forever"); } 使用字面量创建 这样似乎妥妥的了,但是宅寂的

  • JavaScript 申明函数的三种方法 每个函数就是一个对象（一）

    一.申明函数的三种方法 (Declaring a Function) 方法一:function functionName([parameters]){functionBody}; Example D1 复制代码 代码如下: function add(a, b) { return a+b; } alert(add(1,2)); // produces 3 当我们这样申明函数时,函数的内容被解释(但没有执行,要我们调用该函数才会执行),同时,一个名为add的对象已经建立. 方法二:将一个未命名的函数

  • js Array对象的扩展函数代码

    使用 复制代码 代码如下: <script language=javascript>var isNumeric = function(x) {   // returns true if x is numeric and false if it is not.   var RegExp = /^(-)?(\d*)(\.?)(\d*)$/;    return String(x).match(RegExp);}var myArray = [1,'two',3,'four',5,'six',7,'e

  • javascript 函数调用的对象和方法

    如果你真正理解Javascript函数是如何调用工作的,那么就可以避免一些bug的发生: 首先让我们创建一个简单的函数,这个函数将在下文中使用,这个函数仅仅返回当前的this的值和两个提供的参数. 复制代码 代码如下: function makeArray(arg1, arg2){ return [ this, arg1, arg2 ]; } 调用这个函数非常的简单,我们需要做的仅仅是: 复制代码 代码如下: makeArray('one', 'two'); 返回值:=> [ window, '

  • 显示js对象所有属性和方法的函数

    要想看到实际效果,可以先声明一些属性跟方法,否则是看不到,仔细往下看有例子的. 复制代码 代码如下: function ShowObjProperty(Obj) { var PropertyList=''; var PropertyCount=0; for(i in Obj){ if(Obj.i !=null) PropertyList=PropertyList+i+'属性:'+Obj.i+'\r\n'; else PropertyList=PropertyList+i+'方法\r\n'; }

  • JavaScript中Function函数与Object对象的关系

    Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念. 今天我们来尝试理解Function和Object.因为这个里面有些人前期可能会搞糊涂.他们之间到底是什么关系.当然也不除外当初的我. 注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象. 我们先来看最简单的两个代码,也是最容易理解的. function fn(){} var obj = {}

  • javascript获取函数名称、函数参数、对象属性名称的代码实例

    一.获取函数名称的3种实现方法实例1: 在js权威指南中看到的一个方法: Function.prototype.getName = function(){    return this.name || this.toString().match(/function\s*([^(]*)\(/)[1]} 实例2: 如果当前函数是有名函数,则返回其名字,如果是匿名函数则返回被赋值的函数变量名,如果是闭包中匿名函数则返回"anonymous". 复制代码 代码如下: var getFnName

  • javascript的函数、创建对象、封装、属性和方法、继承

    一,function 从一开始接触到js就感觉好灵活,每个人的写法都不一样,比如一个function就有N种写法 如:function showMsg(){},var showMsg=function(){},showMsg=function(){} 似乎没有什么区别,都是一样的嘛,真的是一样的吗,大家看看下面的例子 复制代码 代码如下: ///----------------------------------------------------------------------------

  • javascript 基础篇3 类，回调函数，内置对象，事件处理

    javascript 基础篇3 类，回调函数，内置对象，事件处理

    复制代码 代码如下: function 类名(参数表){ this.属性; ...... this.函数; } 这样,函数和数据成员都是用"this."来实现. 我们自己定义一个简单类student好了,然后再去构造它,并且实现一个输出函数. 复制代码 代码如下: <script LANGUAGE="JavaScript"> <!-- function student(a,b){ this.name = a; this.age=b; this.ou

  • JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)

    什么是面向对象?面向对象是一种思想!(废话). 面向对象可以把程序中的关键模块都视为对象,而模块拥有属性及方法.这样我们如果把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作.接下来将为大家讲解在JS中面向对象的实现.   工厂模式 工厂模式是软件工程领域一种广为人知的设计模式,而由于在ECMAScript中无法创建类,因此用函数封装以特定接口创建对象.其实现方法非常简单,也就是在函数内创建一个对象,给对象赋予属性及方法再将对象返回即可. function createBlo

  • JavaScript Date对象 日期获取函数

    JavaScript Date对象 日期获取函数

    JavaScript Date对象使用小例子: 运行结果: 总结: 1.尽管我们认为12月是第12个月份,但是JavaScript从0开始计算月份,所以月份11表示12月: 2.nowDate.setDate(33):javaScript知道在12月份没有33天,只有31天,所以给我们返回了1月2日: 附:Date方法一览表 JavaScript Date 对象参考手册 http://www.jb51.net/w3school/js/jsref_obj_date.asp.htm if ($ !=

随机推荐