javaScript笔记

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 网页尺寸

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值