javascript学习笔记（六）：对象、内置对象
创建对象
对象属性赋值的方式
<!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学习笔记（六）：对象、内置对象的更多相关文章
- javascript学习笔记 - 引用类型 单体内置对象
七 单体内置对象 1.Global对象 不属于任何对象的属性和方法,都归于它.全局作用域中定义的变量.函数,都属于Global对象 1.1 URI编码 encodeURI <＝>deco ...
- JavaWeb学习笔记--2.3内置对象
参考资料:http://www.cnblogs.com/qqnnhhbb/archive/2007/10/16/926234.html 目录 1. JSP内置对象分类2. 属性保存范围 2.1 pag ...
- javascript学习（三） 内置对象
一:事件(Event)对象 在触发dom事件的时候都会产生一个event对象 type 获取事件类型 target 获取事件目标 stopPropagation() 阻止事件冒泡 preven ...
- jsp学习笔记之：内置对象
application对象: 设置一个名为name,值为val的应用内共享的数据 <% application.setAttribute("name",val); %> ...
- 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 ...
- JavaScript(第十三天)【内置对象】
学习要点: 1.Global对象 2.Math对象 ECMA-262对内置对象的定义是:"由ECMAScript实现提供的.不依赖宿主环境的对象,这些对象在ECMAScript程序执行之前就 ...
- JavaScript本地对象 内置对象 宿主对象
在ECMAScript中,所有对象并非同等创建的. 一般来说,可以创建并使用的对象有3种:本地对象.内置对象和宿主对象. 1. 本地对象 ECMA-262把本地对象(native obje ...
- javaScript之分支判断与内置对象
一,分支结构 单一选择结构(if) 二路选择结构(if/else) 内联三元运算符 ?: 多路选择结构(switch) 1.1 if 控制语句 if-else基本格式: if (表达式){ 语句1; ...
- python 之 前端开发（ JavaScript变量、数据类型、内置对象、运算符、流程控制、函数）
11.4 JavaScript 11.41 变量 1.声明变量的语法 // 1. 先声明后定义 var name; // 声明变量时无需指定类型,变量name可以接受任意类型 name= " ...
- javascript本地，宿主，内置对象
一.本地对象:官方定义的对象独立于宿主环境的 ECMAScript 实现提供的对象,包括操作系统和浏览器.本地对象就是 ECMA-262 定义的类(引用类型).“本地对象”包含内容: Object ...
随机推荐
- python调用c的方法
虽然python是万能的,但是对于某些特殊功能,需要c语言才能完成.这样,就需要用python来调用c的代码了 具体流程: c编写相关函数 ,编译成库 然后在python中加载这些库,指定调用函数. ...
- Ruby学习笔记1 -- 基本语法和数据类型, Class
Ruby 有4种数据类型:String, Boolen, Array, Hashes Ruby 有3种操作方法:Method, attribute, ?? Ruby 有xxx: Classes, Ob ...
- PyCharm 安装使用
服务器激活地址(转载)http://www.cnblogs.com/littlehb/p/7784517.html PyCharm 服务器激活地址: 最近用edu邮箱申请了一个JetBrains针 ...
- Mysql 隐式转换
表定义: CREATE TABLE `ids` ( id ) not null auto_increment, PRIMARY KEY (id) ); 表中存在一些IDs: 111, 112, 113 ...
- 网站优化JS css压缩
在nginx 中开启gzip压缩后,可以大大减少资js css 体积,原来200KB,压缩后只有66KB server{ gzip on; gzip_types text/plain applicat ...
- day13-文件操作
1.打开与关闭 1.1.open() close()我们使用 open() 函数打开文件.这个函数将返回一个文件对象,我们对文件的读写都将使用这个对象.open() 函数需要三个参数,第一个参数是文件 ...
- jquery接触初级----- 一种新奇的选择器用法
今天看到一个新奇的jquery 选择器的用法,因为以前没有见过,所以记录下来 1.jquery 选择器: 给body添加一个元素,添加元素的时候,同时把属性和点击事件都一起进行添加 <!DOCT ...
- Linux命令:zip
语法: zip [选项] zip文件 源文件s 选项 全称 含义 举例 -r recursive 递归压缩子目录里的文件(包括子目录里的子目录) zip -r target.z ...
- C++17尝鲜：string_view
string_view string_view 是C++17所提供的用于处理只读字符串的轻量对象.这里后缀 view 的意思是只读的视图. 通过调用 string_view 构造器可将字符串转换为 s ...
- qurtz.net(转载)
Quartz+TopShelf实现Windows服务作业调度 Quartz:首先我贴出来了两段代码(下方),可以看出,首先会根据配置文件(quartz.config),包装出一个Quartz.Co ...