交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • JS几个常用的函数和对象定义与用法示例

    北冥有鱼 教程大全 2020-01-15 ,,

    本文实例讲述了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程序设计有所帮助。


    广而告之:
    热门推荐:
    帝国cms管理系统批量发送短信息

    批量发送短信息 本功能为给前台会员批量发送站内信息。 一、登录后台,单击“用户”菜单,选择“批量发送短信息”子菜单,进入批量发送短信息界面: 二、进入批量发送短信息界面: ···

    vue.js 获取select中的value实例

    如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="./vue.js"></script> </head> <body> <label id="app"> <···

    JavaScript正则表达式校验非零的负整数实例

    话不多说,请看实例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc···

    smarty半小时快速上手入门教程

    本文讲述了smarty快速上手入门的方法,可以让读者在半小时内快速掌握smarty的用法。分享给大家供大家参考。具体实现方法如下: 一、smarty的程序设计部分: 在smarty的模板设计部分我简单的把smarty在模板中的一些常用设置做了简单的介绍,这一节主要来介绍一下如何在smarty中···

    html5模拟平抛运动(模拟小球平抛运动过程)

    物体以一定的初速度沿水平方向抛出,如果物体仅受重力作用,这样的运动叫做平抛运动。平抛运动可看作水平方向的匀速直线运动以及竖直方向的自由落体运动的合运动。平抛运动的物体,由于所受的合外力为恒力,所以平抛运动是匀变速曲线运动,平抛物体的运动轨迹为一抛物线。平抛运···

    浅析BootStrap栅格系统

    1、简介 Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。它包含了易于使用的预定义classe,还有强大的mixin用于生成更具语义的布局。 2、栅格选项 bootstrap3.x使用了四种栅格选项来形成栅格系···

    Oracle 多行记录合并/连接/聚合字符串的几种方法

    什么是合并多行字符串(连接字符串)呢,例如: SQL> desc test; Name Type Nullable Default Comments ------- ------------ -------- ------- -------- COUNTRY VARCHAR2(20) Y CITY VARCHAR2(20) Y SQL> select * from test; COUNTRY CITY -------------------- --···

    php学习笔记 [预定义数组(超全局数组)]

    复制代码 代码如下:<?php /* 预定义数组: * 自动全局变量---超全局数组 * * 1.包含了来自WEB服务器,客户端,运行环境和用户输入的数据 * 2.这些数组比较特别 * 3.全局范围内自动生效,都可以直接使用这些数组 * 4.用户不能自定义这些数组,但这些数组的操作方式和自···

    css设置多列等高布局的方法示例

    初始时,多个列内容大小不同,高度不同。现在需要设置不同的背景来显示,而且各个列的高度需要保持一致。那么这就需要利用到多列等高布局。 最终需要的效果:   1. 真实等高布局 flex 技术点:弹性盒子布局flex,默认值就是自带等高布局的特点。 定义flex布局的时候,有···

    用Dreamweaver8对网站文件进行检查整理的方法

    用Dreamweaver8制作好了自己的网站,目的是什么?放到互连网上,也就是最终发布自己的网站,那么自己在制作网页过程中有没有错误呢?所以在发布之前我们要认真的检查一下有没有错误。   在发布网站之前先使用Dreamweaver 8站点管理器对你的网站文件进行检查和整理,这···