javaScript笔记

最新推荐文章于 2024-03-16 13:21:00 发布

一直处于迷茫

最新推荐文章于 2024-03-16 13:21:00 发布

阅读量100

点赞数 2

本文链接：https://blog.csdn.net/qq_46037284/article/details/110109227

版权

笔记专栏收录该内容

20 篇文章 0 订阅

订阅专栏

JavaScript实现
1、javascript用法：
HTML中的脚本必须位于<script></script>标签之间
脚本可被放置在HTML页面的<body>和<head>部分中
2、javaScript标签：
在HTML中插入javaScript，使用<script>标签
在<script></script>之间书写代码
3、javaScript使用限制：
在HTML中，不限制脚本数量
通常会把脚本放置于标签中，以不干扰页面内容

JavaScript输出
1、JavaScript通常用来操作HTML
2、文档输出：
document.write("<p>hello JavaScript</p>");
JavaScript语法
1、JavaScript语句：
JavaScript语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
2、分号：
语句之间的分割是分号（；）;
注意：分号是可选项，有时候看到不以分号隔开的。
3、JavaScript代码：
按照编写顺序依次执行
4、标识符：
JavaScript标识符必须是以字母、下划线或美元符号开始
JavaScript关键字
5、JavaScript对大小很写敏感：
6、空格：
JavaScript会忽略到多余的空格
7、代码换行：
8、保留字：

JavaScript注释
1、单行注释：
//
2、多行注释：
/**/

JavaScript数据类型
1、字符串（String）
2、数字（Number）
3、布尔（Boolean）
4、数组（Array）
5、对象（Object）
6、空（null）
7、未定义
8、可以通过赋值为null的方式清除变量

break和continue区别
break跳出循环
continue跳出当前循环进行下次循环

定义函数
1、定义函数：
function 函数体(){
函数体; (代码块)
}
2、注意：
JavaScript对大小写非常敏感，所以这里的function必须小写。在函数调用时，也必须按照函数的相同名称来调用函数

函数调用
1、函数调用：
函数在定义好之后，不能自动执行，需要进行调用
2、调用方式：
（1）、在<script>标签内调用
（2）、在HTML文件中调用

异常捕获
1、异常：
当JavaScript引擎执行JavaScript代码时，发生了错误，导致程序停止运行
2、异常抛出：
当异常产生，并且将这个异常生成了一个错误信息
3、异常捕获：
try{
发生异常的代码块;
}catch(err){
错误信息处理;
}

事件

事件	描述
onClick	单击事件
onMouseOver	鼠标经过事件
onMouseOut	鼠标移出事件
onChange	文本内容改变事件
onSelect	文本框选中事件
onFocus	光标聚集事件
onBlur	移开光标事件
onLoad	网页加载事件
onUnload	关闭网页事件

string对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var str1="Hello World" 
			document.write("字符长度为："+str1.length+"<br>"); //字符串长度
			document.write(str1.indexOf(" ")+"<br>");            //查询字符串是否存在
			document.write(str1.match("a")+"<br>");				  //内容匹配--存在打印，不存在打印空
			document.write(str1.replace("world","nihao")+"<br>");    //替换内容
			document.write(str1.toUpperCase()+"<br>");      //将字符转换成大写
			document.write(str1.toLowerCase()+"<br>");             //将字符转换为小写
			
			var s=str1.split(" ");
			document.write(s[0]+"<br>");
		</script>
	</body>
</html>

Date对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var date=new Date();
			document.write(date+"<br>");
			document.write(date.getFullYear()+"年"+"<br>"); //获取年份
			document.write(date.getTime()+"毫秒"+"<br>");//获取毫秒
			document.write(date.getDay());  //获取星期数 
			
			date.setFullYear(2022,10,28);    //设置时间（年、月、日）
			document.write(date);
			
		</script>
	</body>
</html>

Array数组对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr=["document","write"];
			var arr1=["hello","world"];
			var arr2=arr.concat(arr1);//合并数组
			document.write(arr2+"<br>");
			var a=["c","a","d","f","b","e"];
			document.write(a.sort(function(a,b){
				return b-a; 
				})+"<br>");//排序
			a.push("h");  //尾插
			document.write(a+"<br>");
			document.write(a.reverse());//翻转
		</script>
	</body>
</html>

Math对象
1、Math对象：
执行常见的算数任务
2、常用方法：
round():四舍五入
random():返回0~1的随机数
max():返回最高值
min():返回最低值
abs():返回绝对值

DoM对象控制HTML
1、方法：
getElementsByName（）获取name
getelementsByTagName（）获取元素
getAttribute（）获取元素属性
setAttribute（）设置元素属性
childNodes（）访问子节点
parentNosde（）访问父节点
createElement（）创建元素节点
createTextNode 创建文本节点
insertBefore（）插入节点
removeChild 删除节点
offsetHEight 网页尺寸