JavaScript的学习4
一、Array对象
ArrayObject.reverse() 将数组进行翻转
ArrayObject.shift() 删除数组中的第一个元素并将其返回
ArrayObject.unshift(元素1,元素2) 往数组中的开头添加一个或者多个数组元素 并返回新的数组的长度
ArrayObject.pop() 将数组的最后一个元素删除并将其返回
ArrayObject.push() 向数组末尾添加一个或者多个数组元素并将新的长度返回
ArrayObject.sort(sortby) 对数组元素进行排序
二、Date对象
第一种:使用new关键字与Date()来创建 带参数(返回指定的时间日期)
第二种:使用new关键字与Date()来创建 不带参数(返回当前的指定日期)
Date方法实例
<script type="text/javascript">
//创建一个时间日期对象
var today = new Date();
//从这个对象中获取到4位数的年份
var year = today.getFullYear();
var m = today.getMonth()+1;
var t = today.getDate();
var xs = today.getHours();
var fz = today.getMinutes();
var ms = today.getSeconds();
var hms = today.getMilliseconds();
var sjc = today.getTime();
//定义一个字符串来输出
var str = "<h2>输出现在的时间日期的相关信息</h2>";
str += "今年是:"+year;
str += "<br/>当月是:"+i(m);
str += "<br/>今天是:"+i(t);
str += "<br/>当前小时:"+i(xs);
str += "<br/>当前分钟:"+i(fz);
str += "<br/>当前秒数:"+i(ms);
str += "<br/>当前毫秒:"+i(hms);
str += "<br/>当前时间戳:"+sjc document.write(str);
//前导0
function i(y){
return y<10 ? "0"+y : y;
}
</script>
三、Math对象
Math对象不需要创建 直接使用即可
Math.abs(x) 求x的绝对值
Math.ceil(x) 对x进行向上取整
Math.floor(x) 对x进行向下取整
Math.max(n1,n2,n3) 返回最大的数
Math.min(n1,n2,n3) 返回最小的数
Math.sqrt(x) 返回x的平方根
Math.pow(x,y) 返回x的y次方
Math.round(x) 对x进行四舍五入
Math.random() 返回0~1之间的随机数 包含0但是不包含1[0,1)
<script type="text/javascript">
//求随机数 把它封装成一个函数
//这个函数里面需要有两个值 一个是最大值 一个是最小值 function getRandom(a,b){ return Math.floor(Math.random()*(a-b+1)+b); }
//调用函数
document.write(getRandom(20,10));
</script>
四、Window对象的方法
window.alert() 向浏览器的窗口弹出一个警告提示框
window.prompt() 向浏览器的窗口中弹出一个输入对话框
window.confirm() 向浏览器窗口弹出一个确认对话框,点击“确定”按钮会得到布尔型 true,点击“取消”按钮会得到布尔型 false
window.open(url,name,options) 打开一个新窗口
window.close() 用来关闭当前的窗口
window.setTimeout(code,Millisec) 延时器:当指定的时间到了以后就执行一次code。code:执行的JS代码,Millisec:毫秒数
window.clearTimeout(要清除延时器的返回值) 清除延时器
window.setInterval(code,Millisec) 计时器:每隔一定的时间就执行code代码
window.clearInterval(要清除的定时器返回值) 清除计时器
动态时钟:
<style type="text/css">
div{
width:400px;
height:200px;
line-height:200px;
text-align:center;
background:skyblue;
margin:100px auto;
}
</style>
<script type="text/javascript">
function getWeek(week){
var str = "星期";
switch(week){
case 1:
str += "一";
break;
case 2:
str += "二";
break;
case 3:
str += "三";
break;
case 4:
str += "四";
break;
case 5:
str += "五";
break;
case 6:
str += "六";
break;
default:
str += "日";
break;
}
return str;
}
function i(y){
return y<10 ? "0"+y : y;
}
//每隔一秒就去更新一个时间 每隔一秒就去重新获取到时间
function getClock(){
//创建一个时间日期对象
var today = new Date();
var y = today.getFullYear();
var m = today.getMonth();
var d = today.getDate();
var h = today.getHours();
var f = today.getMinutes();
var s = today.getSeconds();
var w = today.getDay(); var str = y+"-"+ i(m)+"-"+i(d)+" "+i(h)+":"+i(f)+":"+i(s)+" "+getWeek(w);
//需要往div里面写入内容 先要将这个HTML标签获取到 然后再来写入
document.getElementById("div").innerHTML = str;
}
//当页面加载完成后再来执行里面的代码
window.onload = function(){
//每隔一秒种来使用定时器 每隔一秒去请求getClock()这个函数 这个函数的功能 就要每隔一秒去获取系统的时间
setInterval("getClock()",1000);
}
</script>
</head>
<body>
<div id="div"></div>
</body>
JavaScript的学习4的更多相关文章
- 正则表达式(javascript)学习总结
正则表达式在jquery.linux等随处可见,已经无孔不入.因此有必要对这个工具认真的学习一番.本着认真.严谨的态度,这次总结我花了近一个月的时间.但本文无任何创新之处,属一般性学习总结. 一.思考 ...
- 大量Javascript/JQuery学习教程电子书合集
[推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人 不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pd ...
- [推荐分享]大量Javascript/JQuery学习教程电子书合集,送给有需要的人
不收藏是你的错^_^. 经证实,均可免费下载. 资源名称 资源大小 15天学会jQuery(完整版).pdf 274.79 KB 21天学通JavaScript(第2版)-顾宁燕扫描版.pdf ...
- JavaScript 基础学习1-day14
JavaScript 基础学习1 知识预览JavaScript概述二 JavaScript的基础三 JavaScript的对象BOM对象DOM对象实例练习js扩展 JavaScript概述 JavaS ...
- JavaScript正则表达式学习笔记(二) - 打怪升级
本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaSc ...
- 初步总结javascript中学习DOM之前的知识
嘿嘿,又到了周末时间,周六其实就是总结这周的学习的,记得周二周三刚开始接触javascript时间,还是不知道怎么学习的,就感觉找不到方向,那时间学习的只是总结了一些简单的定义或者是学习结构,今天就把 ...
- JavaScript紧凑学习
JavaScript紧凑学习 windows本地,调用命令行: win键+R 键入cmd , (cmd是Command 命令行 简称) 目录是C盘下的 C:\Users\Administrator&g ...
- javascript正则表达式 - 学习笔记
JavaScript 正则表达式 学习笔记 标签(空格分隔): 基础 JavaScript 正则表达式是用于匹配字符串中字符组合的模式.在javascript中,正则表达式也是对象.这些模式被用于Re ...
- JavaScript Shell学习分享
目录 JavaScript Shell学习分享 简介 安装 使用原因 小结 JavaScript Shell学习分享 简介 JavaScript Shell是由Mozilla提供的综合JavaScri ...
- JavaScript简易学习笔记
学习地址:http://www.w3school.com.cn/js/index.asp 文字版: https://github.com/songzhenhua/github/blob/master/ ...
随机推荐
- .net web端导出Excel个人的看法
//对已有方法进行重写 public override void VerifyRenderingInServerForm(Control control) { } //设置文件名 string fil ...
- 帝国cms内容批量替换
方法一:栏目-其他相关-批量替换字段值 方法二:通过sql替换 UPDATE phome_ecms_news SET body=REPLACE(body,'原来','现在')
- 前端开发薪资之各地区对比(图文分析)(share)
发现最近大家都在关注有关前端开发的薪资问题,不同地方各有差异,今天我就总结一下发出来方便大家的查阅.(2014年) 前面给大家介绍了关于前端开发需要学习的东西,根据你掌握的技能程度,薪水是不一样的.d ...
- tornado中self.write() 写list
tornado源码中不支持在self.write()中直接传入list对象,源代码如下 def write(self, chunk): if self._finished: raise Runtime ...
- Java实验四
20145113 Java实验四 快捷键 之前没怎么记ISDEA的快捷键,但是熟练使用快捷键可以带来很多的便利,于是先开始学习一些常用的快捷键,就采用它默认的快捷键,这样后期就不会出现冲突,一些and ...
- Json与javaBean之间的转换工具类
/** * Json与javaBean之间的转换工具类 * * {@code 现使用json-lib组件实现 * 需要 * json-lib-2.4-jdk15.jar * ...
- c语言数据结构之 快速排序
编译器:VS2013 #include "stdafx.h"#include<stdlib.h> //函数声明 void QuickSort(int a[],int n ...
- ie浏览器 jsp中链接参数为中文的处理
在js中,使用 encodeURIComponent(encodeURIComponent("警情抽查"))来处理参数,例如: mini.get("khxmdm" ...
- JQuery 阻止js事件冒泡 阻止浏览器默认操作
//阻止事件冒泡 event.stopPropagation(); //阻止浏览器默认操作 event.preventDefault(); 代码不一定能执行,写给自己看的. 事件冒泡: <a h ...
- HDU1532 网络流:最大流之福德福克森算法
问题描述:约翰是个农民,每次下雨的时候他的庄家总是会被淹没,这就意味着当庄家被水淹后需要很长时间才能重新生长出来,因此,约翰已经建立了一系列排水管道为了使他的庄家尽可能被淹没的最少,也就是说管道的排水 ...