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 ...
随机推荐
- [Unity插件]Lua行为树(一):BehaviorDesigner源码分析
BehaviorDesigner是Unity上的一款行为树插件,不过这个插件是用C#编写的,编写出来的行为树也是依赖于C#的,不利于热更,所以有必要写一个lua版本的. 首先下载BehaviorDes ...
- vue生命周期理解图
............................... 它可以总共分为8个阶段: beforeCreate(创建前), created(创建后), beforeMount(载入前), moun ...
- 配置Eclipse的Maven环境
- Mybatis八( mybatis工作原理分析)
MyBatis的主要成员 Configuration MyBatis所有的配置信息都保存在Configuration对象之中,配置文件中的大部分配置都会存储到该类中 SqlSession ...
- 17. 判断是否IE浏览器
var isNotIE = !window.VBArray; //判断是否IE浏览器 if(isNotIE) { //如果不是IE浏览器 $("#da ...
- MVC登录校验
利用MVC自带的过滤器可现实简单的登录校验 在项目目录下创建一个BaseController控制器,让需要验证的控制器继承这个BaseController 需要让BaseController继承Con ...
- 软件工程第三个程序:“WC项目” —— 文件信息统计(Word Count ) 命令行程序
软件工程第三个程序:“WC项目” —— 文件信息统计(Word Count ) 命令行程序 格式:wc.exe [parameter][filename] 在[parameter]中,用户通过输入参数 ...
- cordova-config.xml配置应用图标
1. <icon src="res/icon/ios/browser.png"/> 2.规格: iphone平台一般要求3种规格的图片:1x.2x.3x,也是就Icon ...
- 如何做Go的性能优化?(转)
Go的性能优化其实总的来说和C/C++等这些都差不多,但也有它自己独有的排查方法和陷阱,这些都来源于它的语言特性和环境. 1.性能优化前提——任何好的东西都是在正确的前提上 代码界的很多事是和我们生活 ...
- Unable to connect to zookeeper server within timeout: 5000
错误 严重: StandardWrapper.Throwable org.springframework.beans.factory.BeanCreationException: Error crea ...