梅科尔工作室-网页前端第七次培训笔记

沂安

已于 2022-07-14 00:06:55 修改

阅读量430

点赞数

文章标签：前端 jquery javascript

于 2022-02-11 21:33:33 首次发布

本文链接：https://blog.csdn.net/qq_45458403/article/details/122878309

版权

培训视频链接：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

p24---p26

3.10内置对象

应用：

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内置对象</title>
	</head>
	<body>
		<script type="text/javascript">
			var str = "HelLo woRld";
			console.log(str.substring(3));//从下标3开始，截至到最后
			console.log(str.substring(3,5));//从下标3开始，到下标5结束
			
			console.log(str.toLowerCase());//全部转小写
			console.log(str.toUpperCase());//全部转大写
			
			//随机数
			console.log(Math.random());
			// Math.ceil()      向上取整，大于最大整数
			console.log(Math.ceil(1.2));
			// Math.floor()     向小取整，小于最小整数String
			console.log(Math.floor(1.2));
			
			var date = new Date
			console.log(date);
			console.log(date.getFullYear());
			console.log(date.getMonth() +1);//0~11
			console.log(date.getDate());
			console.log(date.getHours());
			console.log(date.getMinutes());
			console.log(date.getSeconds());
		    dateStr = date.getFullYear()+"-"+(date.getMonth() +1) +"-" + date.getDate() +"" +getHours() +":"+date.getMinutes();
		    console.log(dateStr);
		</script>
	</body>
</html>

3.11 对象

4、JS事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>事件</title>
	</head>
	<body onload="loadWindow()">	
	<button onclick="text()">按钮</button>
	</body>
	<script type="text/javascript">
		function loadWindow(){
			console.log("文档加载完毕。。。");
		}
		function text(){
			console.log("按钮被点击了...");
		}
	</script>
</html>

沂安

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
梅科尔工作室-网页前端第七次培训笔记

培训视频链接：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibilip24---p263.10内置对象应用：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>内置对象</title> </head> <body&...
复制链接

扫一扫