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 ...
随机推荐
- http 文件传输
http 文件传输 https://www.zhihu.com/question/58118565 转载自:http://www.voidcn.com/article/p-rpdhbjib-m.htm ...
- python 日期创建dir
- Linux 搜索日志信息
在工作中我们经常要通过日志来查找问题,但有时候日志太多又不知道日志什么时候打印的,这时我们可以通过一下方法来查找: 1.进入到日志文件存放的目录下 2.grep 关键字 * 例如要查找多有有 ...
- 8.Appium的基本使用-1
1.Appium是什么?Appium是一个跨平台移动端自动化测试工具,可以便捷的为ios和Android平台创建自动化测试用例.模拟app内部各种操作,点击.滑动.文本输入等,手工操作的动作appiu ...
- srbac配置
Yii框架中安装srbac扩展方法 以前自己安装过一次srbac,遇到很多问题,虽然都解决了,可是一时偷懒,没做记录. 再次安装时,还是遇到了点麻烦,所以这一还是记下来,以备不时之需. 首先,下载sr ...
- Java的I/O对文件的操作
I/O操作主要是指使用Java进行输入,Java所有的I/O机制都是基于数据流进行输入输出,这些数据流表示了字符或者字节数据的流动序列. 主要是通过下面两个类实现对文件的输入输出操作: FileInp ...
- python大法好——变量、常量、input（）、数据类型、字符串、格式化输出、运算符、流程控制语句、进制、字符编码
python基础知识 1.变量 变量:把程序运算的中间结果临时存到内存里,以备后面的代码可以继续调用. 作用:A.存储数据. B.标记数据. 变量的声明规则: A:变量名只能是字母,数字或下划线任意组 ...
- UE常用快捷键使用
进入列模式Alt+c 小写转大写Alt+F5
- Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
转自:https://www.cnblogs.com/keepfool/p/5665953.html 概述 上一篇我们介绍了如何使用vue resource处理HTTP请求,结合服务端的REST AP ...
- java 实现Bridge模式(转)
原文:http://chjking.blog.163.com/blog/static/6439511120081152534252/ 看了网上一些关于咖啡加奶的例子,觉得真是天下文章一大抄,不管好的坏 ...