Javascript 学习笔记

最新推荐文章于 2025-05-28 08:00:00 发布

原创最新推荐文章于 2025-05-28 08:00:00 发布 · 554 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

23 篇文章

订阅专栏

本文提供了一套从jQuery过渡到原生JavaScript的学习路径，包括基本语法、DOM操作、事件处理、变量与数组使用等核心知识点，并深入探讨了JavaScript的高级特性，如条件判断、循环、函数、作用域与闭包等，旨在帮助开发者构建坚实的基础，进而提升编程能力。

js 学习笔记

以前用jq用得太爽了, 现在打算循序渐进的学习原生的js, 做个笔记, 当备忘录

js 入门篇

1.
	引入js
	在 head 或者 body位置
	<script>your js code</script>
	<script src='JsFilePath'></script>

2.
	单行注释 //
	多行注释 /**/

3.
	对话框 alert('xxoo');
	确定框 confirm('xxoo');
	提示框 prompt(str1,str2); str1 表示提示信息; str2 表示文本框默认内容

4.
	打开新窗口 window.open()
	url:打开窗口的路径
	名称: '_top' ; '_blank'; '_self'
	参数字符串: top; left; width; height; menubar; toobar; scrollbar; status
	关闭窗口 window.close()

5.
	DOM
	html head meta title body ...
	元素节点
	文本节点
	属性节点

6.
	获取对象
	document.getElementById() 其值可能为  null 或者 objectHTMLParagraphElement

7.
	设置文本
	object.innerHTML

	设置样式
	onject.style.xxoo = 'StyleName'
	backgroundColor; height; width; color; fontFamily; fontSize

8.
	显示隐藏
	object.style.display = 'block' / 'none'

9.
	获取/设置类名(通过此方法设置样式)
	object.className = ClassName










js进阶篇

1.
	变量 
	字母; 下划线; 美元符号开头
	变量区分大小写
	要养成先声明后使用的习惯

2.
	数组声明
	var Arr = new Array();
	var Arr = new Array(10);
	var Arr = [];
	var Arr = new Array(1,2,3);
	var Arr = [1, 2, 3];
	数组可以存储任意类型的变量
	var Arr = [1, 'str', false, true, 1.05];
	Arr[0] number
	Arr[1] string
	Arr[2] boolean
	Arr[3] boolean
	Arr[4] number
	数组可以不断加值
	Arr[Arr.length] = 'YourValue'
	Arr[Arr.length] = 'YourValue1' ...
	数组长度是可变的
	Arr.length = 10000;
	Arr[9999] --> undefined 未定义
	二维数组
	var Arr = 
	[
		[00, 01, 02],
		[10, 11 ,12],
		[20, 21, 22]
	]

3.
条件
	switch(val){
		case val1:
			your code1;
			break;
		case val2:
			your code2;
			break;
		default:
			your code3;
	}

4.
	事件
	鼠标单击 onclick
	鼠标经过 onmouseover
	鼠标移开 onmouseout
	文本框内容改变 onchange
	下拉框选中 onselect
	光标聚焦 onfocus
	光标移开 onblur
	网页导入 onload
	关闭网页 onunload

5.
	对象