【Web前端学习笔记】Javascript_03_常用对象：String,Number,Math,Date,网页时针

来源：互联网发布：天才帽子淘宝网编辑：程序博客网时间：2024/05/29 02:33

Javascript_03

A.String

1）定义方式

a.方式1

<script type="text/javascript">// 定义方式1var str1 = new String("hello");var str2 = new String("hello");document.write((str1 == str2) + "<br />"); // false// valueOf():js中得比较就是内容是否相同document.write((str1.valueOf()) == (str2.valueOf()));</script>

b.方式2

<script type="text/javascript">// 定义方式2var str1 = "hello";var str2 = "hello";document.write((str1.valueOf()) == (str2.valueOf()));</script>

2）常用方法

chartAt()：返回指定索引位置处的字符
IndexOf()：返回当前字符串中子字符串第一次出现的索引
lastIndexOf()：返回子字符串在大串中最后一次出现的索引
fontcolor：给字符串设置字体颜色
spilt()：切割功能，返回字符串数组
substring(startIndex,end)：从开始位置截取到指定位置结束:包前不包后
substr(start [, length ])：返回一个从指定位置开始的指定长度的子字符串
<script type="text/javascript">with (document){var str = "hellojava";write(str.charAt(4) + "<br />");// owrite(str.indexOf("a") + "<br />");// 6write(str.lastIndexOf("a") + "<br />");// 8write(str.fontcolor("blue") + "<br />");write(str.substring(5,9) + "<br />");// javawrite(str.substr(5,4) + "<br />");// javavar s = "hello-world-hello-jva";var strArr = s.split("-");// 遍历for (var i in strArr) {write(strArr[i] + " ");}}</script>

B.Number
1）定义方式

<script type="text/javascript">// 定义方式var num1 = new Number(100);var num2 = new Number(100);document.write((num1 == num2) + "<br />");//falsedocument.write((num1.valueOf() == num2.valueOf()) + "<br />");// Booleanvar b1 = new Boolean(true);var b2 = new Boolean(true);document.write((b1 == b2) + "<br />");document.write((b1.valueOf() == b2.valueOf()) + "<br />");</script>

C.Math
1）常用函数

ceil()：向上取整，有小数部分，整数部分+1
floor()：向下取整，有小数部分，直接省去
round()：四舍五入
random()：获取伪随机数：[0,1)
max()：取最大值
min()：去最小值
<title>Math</title><script type="text/javascript">with(document) {var a = 3.50;write(Math.ceil(a) + "<br />");write(Math.floor(a) + "<br />");write(Math.round(a) + "<br />");write((Math.random()*100) + "<br />");write(Math.max(1,2,3) + "<br />");write(Math.min(1,2,3) + "<br />");}</script>

D.Date
1）如何定义日期对象

<title>Date</title><script type="text/javascript">with (document){var  date = new Date();// 获取年份write(date.getFullYear() + "年");// 获取月份write(date.getMonth() + "月");// 获取天write(date.getDate() + "日" + "<br />");// 一周中的日期值：星期write("星期" + date.getDay() + "<br />");// 获取一天中小时write(date.getHours() + "时");// 获取分write(date.getMinutes() + "分");// 获取秒write(date.getSeconds() + "秒");}</script>

E.网页时针
1）Date对象:获取当前系统的时间

js中的定时器：

setInterval("任务()",毫秒值);每隔多少毫秒执行这个任务

标签中：属性：InnerHTML

<head><meta charset="UTF-8"><title>网页时针</title><script type="text/javascript">function nowDate() {// 定义日期对象var date = new Date();// 获取当前系统时间：yyyy.MM.dd HH:mm:ssvar dateStr = date.getFullYear() + "." + date.getMonth() + "." + date.getDate() + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();//获取span标签对象var dateTip = document.getElementById("dateTip");//获取span标签对象,还要设置innerHTML属性用来在当前span显示内容,并且为span对象赋值dateTip.innerHTML = dateStr;}// 设置定时器：// 使用BOM编程:window窗口对象// 参数1:任务:也叫做函数// 参数2:表示每隔多少毫秒执行该任务(函数)window.setInterval("nowDate()", 1000);</script></head><body>日期为：<span id="dateTip"></span></body>

最后的结果：每隔1s调用执行一次(获取当前时间，并刷新)，所以达到了时间计时的效果

阅读全文

1 0