前端学习——js常用方法和对象

最新推荐文章于 2022-10-29 17:07:07 发布

野生小米椒

最新推荐文章于 2022-10-29 17:07:07 发布

阅读量227

点赞数

分类专栏：三大基础语言

本文链接：https://blog.csdn.net/x1037490413/article/details/88748749

版权

三大基础语言专栏收录该内容

144 篇文章 9 订阅

订阅专栏

1：String字符串对象：字符串的创建有两种方式：

字面量方式：（使用单引号或双引号均可生成一个字符串）如：var name="张三"；var address="北京市";

new方式：（通过调用String(）构造函数来完成的，并返回一个String对象，如：

var moviename=new Sting("流浪地球"); //类型为String对象

()var actor=String("吴京");//类型为string类型

2:Date对象的创建是通过日期对象的构造函数创建一个系统当前时间或指定时间的日期对象。

3：Math数学对象：与String,Date不同，Math对象没有提供构造方法，可以直接使用Math对象

注意：

利用Math.random()函数，想要获取4位随机的数字时，数字范围为[1000，10000)，用 Math.random()*9000+1000

思路：[0,1)------>[0,9000)------->[1000，10000)

上代码：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
			<title>js的常用方法和对象</title>
			<!--
				作用：js将常用的功能已经封装好，调用即可，不用重复的封装了。
				String对象：操作字符的
				使用：字符串.函数名即可
				    大小写转换：转换大写toUpperCase()  转换小写toLowerCase()
				    字符串截取：substr(0,1) 从指定开始位置截取指定长度的子字符串
				      str.substring(0,1) 从指定位置开始到指定的结束位置的子字符串（含头不含尾）
				   查找字符位置
				    indexOf     返回指定字符第一次出现的位置
				    lastIndexOf      返回指定字符最后一次出现的位置
				    
				Date对象：
				使用：var 变量名=new Date();
				注意：获取的是客户端时间，不能作为系统功能校验的时间
				参照：API  
				
				Matn对象：
				使用：Math.静态名
				Math.floor():向下取整
				Math.ceil():向上取整
				Math.round():四舍五入
				
				Global对象：
				eval()
				isNaN()
				parseInt()
				parseFloat
				
			-->
			<script type="text/javascript">
				//String对象
				function testString()
			{
				//创建字符串
			var str="abcdefg";
			//大小写转换
			alert(str.toUpperCase()+":"+str.toLowerCase());
			//字符串截取
			alert(str.substr(0,1)+":"+str.substring(0,1))//区别是：substr是指定位置指定长度，substring是指定位置和结束位置
			alert(str.substr(0,1).toUpperCase()+str.substr(1,str.length));//首字母变成大写，其余的字母不变
			}
			//Date对象
			function testDate()
			{
				var date=new Date();
				alert(date);
				alert(date.getYear());//返回从1990年起算距今的年份数
				alert(date.getFullYear());// 返回当前的年份
				//获取月份
				alert(date.getMonth()+1)//获取当前月份数（注意：要+1）
				alert(date.getDate());//返回当前的日期
				alert(date.getDay());//返回星期数。注意星期日返回0
				alert(date.getHours());//返回当前的小时   
				alert(date.getMinutes());//返回当前分钟数
				alert(date.getSeconds());//返回当前秒数
			}
			//Math对象
			function testMath()
			{
				//随机数字
				alert(Math.floor(Math.random()*9000+1000));//获得四位整数的随机数,用于验证码
			}
			function testGlobal()
			{ 
				//eval方法：将字符串转换为js代码执行
				eval("var a=123");
				alert(a);
				//isNaN
				if(isNaN(a))//isNaN判断的是强转后的内容是否是数字
				{
					alert("不是数字");
				}
				else{
					alert("是数字"); 
				}
			}
			
			
			</script>
	</head>
	<body>
		<h3>js的常用方法和对象学习</h3>
		<input type="button" name="" id="" value="测试String对象" onclick="testString()" />
		<input type="button" name="" id="" value="测试Date对象" onclick="testDate()" />
		<input type="button" name="" id="" value="测试Math对象" onclick="testMath()" />
		<input type="button" name="" id="" value="测试Global对象" onclick="testGlobal()" />
	</body>
</html>