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 ...
随机推荐
- Java-左移右移-jdk8
移位有三种 << 左移,左边补0 >> 右移,正数左边补0,负数补1 >>> 右移, 正数,负数统一左边补0 来看几个奇葩的代码 public static ...
- .Net Web下 Console输出
.NET winform的时候,一直都是用 Console.Write向控制台输出信息的,但是在Web中是输出不了的. web程序执行时,是被附加到IIS进程的一个单独的AppDomain中的,所以就 ...
- linux inode 详解 / 线上inode爆满解决方案
本文大量参考阮一峰大神博客,整理笔记 之所以写inode文章是由于一次线上问题,引发对inode深入的思考. 磁盘的inode监控与磁盘空间的监控同等重要,线上服务器一定要做好磁盘inode与磁盘空间 ...
- JAVA SpringBoot 项目打包(JAR),在打包成 docker 镜像的基本方法
1,打包 SpringBoot 项目,使用 IDEA 如下图 2,将 JAR 包上传到安装了 Docker 的 linux 服务器上,并且在相容目录下创建一个名为 Dockerfile 的文件 3,在 ...
- Mac安装Python3报错Permission denied @ dir_s_mkdir - /usr/local/Frameworks
brew安装Python3时出现的问题: Error: Permission denied @ dir_s_mkdir - /usr/local/Frameworks /usr/local/Frame ...
- Spring cloud info信息显示
父工程添加配置如下 <build> <finalName>microservicecloud</finalName> <resources> <r ...
- MemSQL 架构初探(转)
MemSQL 自称是最快的内存数据库.目前已发布了2.5版本. MemSQL 具有以下特点 1 高效的并行,尤其是分布式的MemSQL. 2 高效的并发,采用lock-free的内存数据结构skip ...
- 模糊查询内存查询java实现
下面说说看到的工作项目中的代码,是这个样子的,事先查询一次数据库,将查询到的整张表的数据存到内存,以后使用时不再查询数据库,而直接操作内存中的数据,这主要用于数据库中的数据比较稳定,不会轻易改变的情况 ...
- ADO 动态链接数据库
ADO(ActiveX Data Objects)是基于组件的数据库编程接口,它是一个和编程语言无关的COM组件系统. 下面内容转载自:http://www.vckbase.com/document/ ...
- Redis进阶实践之九 独立封装的RedisClient客户端工具类(转载9)
Redis进阶实践之九 独立封装的RedisClient客户端工具类 一.引言 今天开始有关Redis学习的第九篇文章了,以后肯定会大量系统使用Redis作为缓存介质,为了更好的更好的Redis,自己 ...