js基本语法（一）——String Date number Math Array 函数 events window Location

最新推荐文章于 2021-10-13 22:15:07 发布

一JJL

最新推荐文章于 2021-10-13 22:15:07 发布

阅读量287

点赞数

分类专栏：前端文章标签： js基本语法 String Date number Math Array 函数 events window Location

本文链接：https://blog.csdn.net/tcbdbd/article/details/97690754

版权

本文详细介绍了JavaScript的基础语法，包括String的方法如charAt()、concat()等，Date对象的设置与获取时间的方法，Number类型的处理，Math对象的随机数生成和其他数学运算，Array的各种操作，函数的定义与使用，以及事件处理如onclick、onmouseover等。同时，还涵盖了window对象的常用方法和Location对象的属性。

摘要由CSDN通过智能技术生成

javascript
运行在浏览器端的脚本语言
1.轻量级的脚本语言
2.基于对象，并不完全面向对象
3.弱类型

内嵌js

<script type="text/javascript">
</script>

外部js
xxxx.js
引用：

<script type="text/javascript" src="js/myscript.js">

注释和java一样

弹出对话框

var a=5;
alert(typeof(a));

计算长方形周长

var a=parseInt(prompt("请输入长"));
var b=parseInt(prompt("请输入宽"));
var s=(a+b)*2;
alert(s);

全等符号，值和数据类型都相等

alert(a===b);

输出

document.write("*<br />");

输出金字塔

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>

	</head>
	<body>
		<div style="color: red; font:50px 仿宋">
			<script type="text/javascript">
				var str="*";
                 for(var i=0;i<10;i++){
                 	for(var j=0;j<10-i;j++){
                 		document.write("&nbsp;");
                 	}
                 	document.write(str+"<br/>");
                 	str+="**";
                 }
		    </script>
		</div>
	</body>
</html>

布尔类型对于数字，只要非零就为true；对于字母，只要非空就为true

String

charAt() 返回在指定位置的字符

var str="hello";
alert(str.charAt(0));

concat() 连接字符串

alert(str.concat(" world"));

indexOf() 检索字符串

alert(str.indexOf("l"));

fromCharCode() 从字符编码创建一个字符串

var str=String.fromCharCode(65,66,67,68,69);
alert(str);

replace() 替换与正则表达式匹配的子串

var str="hello world";
alert(str.replace("world","javascript"));

split() 把字符串分割为字符串数组

var str="192.168.0.219";
var ret=str.split("\.");
for(var i=0;i<ret.length;i++){
	alert(ret[i]);
}

substring() 提取字符串中两个指定的索引号之间的字符

var str="zhangsan@126.com";
var index=str.indexOf("@");
var username=str.substring(0,index);
alert(username);

sup() 把字符串显示为上标
sub() 把字符串显示为下标

Date

创建 Date 对象：

var myDate=new Date();

setFullYear() 设置 Date 对象中的年份（四位数字）
setMonth() 设置 Date 对象中月份 (0 ~ 11)
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)
setHours() 设置 Date 对象中的小时 (0 ~ 23)
setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)
setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)
setMilliseconds() 设置 Date 对象中的毫秒 (0 ~ 999)
setTime() 以毫秒设置 Date 对象

设置时间

var dt=new Date(); //2020-9-15 15:30:28
            dt.setFullYear(2020);
            dt.setMonth(8);
            dt.setDate(15);
            dt.setHours(15);
            dt.setMinutes(30);
            dt.setSeconds(28);

或

   dt.setTime(3600*1000*24*100);

获取时间

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)
getMonth() 从 Date 对象返回月份 (0 ~ 11)
getFullYear() 从 Date 对象以四位数字返回年份
getYear() 请使用 getFullYear() 方法代替
getHours() 返回 Date 对象的小时 (0 ~ 23)