创建对象

对象属性赋值的方式

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         people = new Object(); 　　　　//javascript对象的创建

         //对people对象属性赋值第一种方式

         people.name = "jerry";  　　  //对people对象的name属性赋值

         people.age = "18";      　    //对people对象的age属性赋值

         document.write("name:"+people.name+",age:"+people.age+"</br>");

         //对people对象属性赋值第二种方式

         people = {name:"tom",age:"15"};//对people对象的name属性、age属性赋值

         document.write("name:"+people.name+",age:"+people.age);

     </script>

 </body>

 </html>

创建自定义对象

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         //自定义对象的创建

         //使用函数来创建对象，然后创建对象实例

         function people(name,age){

             this.name = name;

             this.age = age;

         }

         son = new people("tom",30);

         document.write("name:"+son.name+",age:"+son.age);

     </script>

 </body>

 </html>

javascript内置对象

string对象

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         var str = "Hello World";

         document.write("字符串长度："+str.length+"</br>");

         document.write("查询字符串的位置："+str.indexOf("World")+"</br>");

         document.write("匹配字符串是否存在，若存在输出这个字符，若不存在输出空:"+str.match("World")+"</br>")

         document.write("替换字符串:",str.replace("World","javascript")+"</br>");

         document.write("字符串转换成大写:"+str.toUpperCase()+"</br>");

         document.write("字符串转换成小写:"+str.toLowerCase()+"</br></br>");

         var str1 = "Hello,tom,jerry,gophi";

         document.write("字符串:"+str1+"</br>");

         var s = str1.split(",");

         document.write("字符串分割之后的结果:</br>");

         document.write(s[0]+"</br>");

         document.write(s[1]+"</br>");

         document.write(s[2]+"</br>");

         document.write(s[3]+"</br>");

     </script>

 </body>

 </html>

date对象

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         var date = new Date();

         document.write("时间："+date+"</br>");　　　　　　　//获取时间总信息

         document.write(+date.getFullYear()+"年</br>");　　//获取年份

         document.write("星期"+date.getDay()+"</br>"); 　　//获取星期几

         document.write("时间戳："+date.getTime()+"</br>");//获取时间戳

         date.setFullYear(2000,1,1)　　　　　　　　　　　　　//设置时间

         document.write("设置时间为："+date+"</br>");　　  //获取时间总信息

     </script>

 </body>

 </html>

一个简单的时钟程序

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body onload="startTime()"> <!--用一个onload事件调用startTime函数-->

     <script>

         function startTime(){

             var today = new Date();

             var h = today.getHours();    //获取时

             var m = today.getMinutes();    //获取分

             var s = today.getSeconds(); //获取秒

             m = checkTime(m);

             s = checkTime(s);

             document.getElementById("timetxt").innerHTML = h+":"+m+":"+s;

             t = setTimeout(function(){startTime();},1000);      //每1000毫秒刷新一次时间

             //checkTime函数的作用是使分、秒为个位数时仍输出两位，比如9分5秒，输出09:05

         }

         function checkTime(i){

             if(i<10){

                 i = "0" + i;

             }

             return i;

         }

     </script>

     <div id="timetxt"></div>            <!--设置一个显示时间的标签-->

 </body>

 </html>

array对象

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         //concat():合并数组

         var a=["hello","world"];

         var b=["tom","jerry"];

         var c=a.concat(b);

         document.write(c+"</br>");

         //sort():排序

         var aa=["a","e","c","v","b"];

         document.write(aa.sort()+"</br>");

         var bb=[1,9,2,3,4,7,8,5];

         document.write(bb.sort()+"</br>");

         //push():末尾追加元素

         var cc=["a","b"];

         cc.push("c");

         document.write(cc+"</br>");

         //reverse():数组元素翻转

         var dd=["1","2","3","4","5"];

         document.write(dd.reverse());

     </script>

 </body>

 </html>

math对象

 <!DOCTYPE html>

 <html>

 <head lang="en">

     <meta chaset="UTF-8">

     <title></title>

 </head>

 <body>

     <script>

         //round(),四舍五入

         document.write(Math.round(2.5)+"</br>");

         //random(),0~1之间的随机数

         document.write(Math.random()+"</br>");

         //parseInt(),取整

         document.write(parseInt(Math.random()*10)+"</br>");//求0~10之间的随机整数

         //max(),求最大值

         document.write(Math.max(10,2000,1,35,6.7,-10)+"</br>");

         //min(),求最小值

         document.write(Math.min(10,2000,1,35,6.7,-10)+"</br>");

         //abs(),求绝对值

         document.write(Math.abs(-10));

     </script>

 </body>

 </html>

javascript学习笔记（六）：对象、内置对象的更多相关文章

  1. javascript学习笔记 - 引用类型 单体内置对象

    七 单体内置对象 1.Global对象 不属于任何对象的属性和方法,都归于它.全局作用域中定义的变量.函数,都属于Global对象 1.1 URI编码  encodeURI <＝>deco ...

  2. JavaWeb学习笔记--2.3内置对象

    参考资料:http://www.cnblogs.com/qqnnhhbb/archive/2007/10/16/926234.html 目录 1. JSP内置对象分类2. 属性保存范围 2.1 pag ...

  3. javascript学习（三） 内置对象

    一:事件(Event)对象 在触发dom事件的时候都会产生一个event对象 type   获取事件类型 target  获取事件目标 stopPropagation()  阻止事件冒泡 preven ...

  4. jsp学习笔记之：内置对象

    application对象: 设置一个名为name,值为val的应用内共享的数据 <% application.setAttribute("name",val); %> ...

  5. python学习笔记六：内置函数

    一.数学相关 1.绝对值:abs(-1) 2.最大最小值:max([1,2,3]).min([1,2,3]) 3.序列长度:len('abc').len([1,2,3]).len((1,2,3)) 4 ...

  6. JavaScript(第十三天)【内置对象】

    学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMAScript实现提供的.不依赖宿主环境的对象,这些对象在ECMAScript程序执行之前就 ...

  7. JavaScript本地对象 内置对象 宿主对象

          在ECMAScript中,所有对象并非同等创建的. 一般来说,可以创建并使用的对象有3种:本地对象.内置对象和宿主对象. 1. 本地对象 ECMA-262把本地对象(native obje ...

  8. javaScript之分支判断与内置对象

    一,分支结构 单一选择结构(if) 二路选择结构(if/else) 内联三元运算符 ?: 多路选择结构(switch) 1.1  if 控制语句 if-else基本格式: if (表达式){ 语句1; ...

  9. python 之 前端开发（ JavaScript变量、数据类型、内置对象、运算符、流程控制、函数）

    11.4 JavaScript 11.41 变量 1.声明变量的语法 // 1. 先声明后定义 var name; // 声明变量时无需指定类型,变量name可以接受任意类型 name= " ...

  10. javascript本地，宿主，内置对象

    一.本地对象:官方定义的对象独立于宿主环境的 ECMAScript 实现提供的对象,包括操作系统和浏览器.本地对象就是 ECMA-262 定义的类(引用类型).“本地对象”包含内容:   Object ...

随机推荐

  1. [Unity算法]斜抛运动(变种)

    之前的斜抛运动,如果运动到游戏中,显然是太呆板了,那么可以试着加入一些效果,让它看起来更生动一些,类似游戏中的击飞或者掉落效果: 1.在达到最高点的时间点±X的时间段内,会有“减速”效果,形成一种在空 ...

  2. 安装Anaconda3进行python版本管理

    1.下载Anaconda3,我选择了python3的64位版本 2.windows安装,选择加入了系统目录 3.进入命令行进行版本安装 // 安装一个指定版本conda create --name p ...

  3. ASP.NET 实现重启系统或关机

    在C#程序中实现电脑的关机.重启,两种方法可以实现: 方法1:启动Shell进程,调用外部命令shutdown.exe来实现. 首先导入命名空间using System.Diagnostics;然后, ...

  4. 代码：jquery小效果—— 吸顶

    吸顶: 可以防止滚屏过程中,代码被多次调用 <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"& ...

  5. 《算法》第四章部分程序 part 15

    ▶ 书中第四章部分程序,包括在加上自己补充的代码,Kruskal 算法和 Boruvka 算法求最小生成树 ● Kruskal 算法求最小生成树 package package01; import e ...

  6. ADO.net之综合演练

    using ConsoleApplication4.App_Code; using System; using System.Collections.Generic; using System.Lin ...

  7. Flex4学习笔记2--代码保存在单独的文件中

    1 <!--调用外部as文件--> <fx:Script> <![CDATA[ import mx.controls.Alert; import a.Test3; ]]& ...

  8. mybatis中xml文件的${}和#{}区别

    之前的笔记:#{}相当于JDBC的? ${}是字符串连接符,如果入参为普通类型{}中只写value 在项目中要实现所有业务批量提交的功能,实现方式,把表名,表主键字段当做参数传递,在xml文件中全部使 ...

  9. UE常用快捷键使用

    进入列模式Alt+c 小写转大写Alt+F5

  10. [ 记录 ] Vue 对象数组中一项数据改变，页面不更新

    问题描述:将data中数据列表渲染到页面,循环生成 el-switch,点击页面中 el-switch 后数组中某项值改变,但是页面不更新 数据格式如下 export default{ data(){ ...