没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript学习笔记
需积分: 5 0 下载量 68 浏览量
2023-04-12
20:44:58
上传
评论
收藏 1.47MB PDF 举报
温馨提示
试读
58页
1 基础知识 本章主要回答两个问题: (1)为什么需要有 JavaScript(JS 有什么作用)? (2)怎么用? 1.1 基本概念 HTML 负责呈现什么内容,CSS 负责以何种方式来呈现。 HTML+CSS:实现了静态页面。 实际上,我们更多的页面的要求是动态的,这就需要用到 js 了,通过 js 操纵 HTML 和 css
资源推荐
资源详情
资源评论
1
《JavaScript》学习笔记
V0.1
1
目 录
1 基础知识 ................................................................................1
1.1 基本概念.....................................................................................................................1
1.2 两种引用方式 ..................................................................................................................1
2 程序设计基础.........................................................................4
2.1 常规数据类型与变量......................................................................................................4
2.2 对象类型.........................................................................................................................5
2.3 算术运算符与表达式.....................................................................................................6
2.4 赋值运算符与表达式.....................................................................................................7
2.5 关系运算符与表达式.....................................................................................................7
2.6 逻辑运算符与表达式.....................................................................................................8
3 选择结构 ................................................................................9
3.1 选择结构基本概念.........................................................................................................9
3.2 if 语句...............................................................................................................................9
3.3 switch 语句...................................................................................................................... 9
4 错误与调试 ...........................................................................11
4.1 错误的概念与处理.......................................................................................................11
4.2 调试的原理、工具和方法...........................................................................................11
5 循环结构 ...............................................................................17
5.1 循环结构的概念...........................................................................................................17
5.2 while 循环...................................................................................................................... 18
5.3 for 循环.......................................................................................................................... 22
5.4 循环辅助语句 ...............................................................................................................22
6 函数 .......................................................................................25
6.1 函数的概念...................................................................................................................25
6.2 定义与调用...................................................................................................................26
6.3 参数传递.......................................................................................................................27
6.4 变量作用域...................................................................................................................28
7 数组 ......................................................................................30
7.1 数组的概念...................................................................................................................30
7.2 数组的定义与元素访问...............................................................................................30
7.3 数组的常用属性和方法...............................................................................................31
7.4 for-in ...............................................................................................................................32
9 字符串 ...................................................................................33
10 事件 ....................................................................................35
10.1 事件的概念.................................................................................................................35
10.2 常用事件.....................................................................................................................35
10.3 事件的注册.................................................................................................................41
10.4 捕获与冒泡.................................................................................................................41
11 DOM .................................................................................... 44
11.1 DOM 概念.................................................................................................................... 44
11.2 获取元素.....................................................................................................................45
11.3 修改元素.....................................................................................................................45
11.4 添加删除元素.............................................................................................................46
11.5 导航.............................................................................................................................49
12 BOM .................................................................................... 51
12.1 常用对象.....................................................................................................................51
12.2 弹窗.............................................................................................................................52
12.3 cookie ........................................................................................................................... 53
12.4 计时事件.....................................................................................................................54
1
1 基础知识
本章主要回答两个问题:
(1)为什么需要有 JavaScript(JS 有什么作用)?
(2)怎么用?
1.1 基本概念
HTML 负责呈现什么内容,CSS 负责以何种方式来呈现。
HTML+CSS:实现了静态页面。
实际上,我们更多的页面的要求是动态的,这就需要用到 js 了,通过 js
操纵 HTML 和 css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="p1">this is a js test</p>
<button onclick="fun1()">点我试试</button>
</body>
<script>
/*
js 的作用:交互、动态
交互是通过事件(比如 onclick)来实现
动态是通过 js 去操作 html、css 来实现
*/
function fun1(){
var e = document.getElementById("p1");
/*修改标签的内部文本, innerText 是其内部文本属性 */
e.innerText = "这是一个关于 js 的演示";//修改标签的文本
/*修改标签的样式,即把颜色设置为绿色 */
e.style.color = "green";
}
</script>
</html>
1.2 两种引用方式
2
怎么用?
两种方式:
(1) 内部引用,使用<script>标签,代码直接写在标签中。
(2) 外部引用,代码写在独立的 js 文件中,通过<script>加载到 html。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id="p1">this is a js test</p>
<button onclick="fun1()">点我试试</button>
<button onclick="fun2()">点我试试</button>
</body>
<!--
js 的内部使用方式:通过 script 标签
-->
<script>
function fun1(){
var e = document.getElementById("p1");
e.innerText = "这是一个关于 js 的演示";
e.style.color = "green";
}
</script>
<!-- js 的外部使用方式:通过加装 js 文件 -->
<script src="test.js"></script>
</html>
test.js
function fun2() {
var e = document.getElementById("p1");
e.innerText = "这是 js 外部引用的演示";
e.style.color = "red";
}
JavaScript 的注释方式:1.//单行注释。
2./*注释内容*/多行注释
剩余57页未读,继续阅读
资源评论
前端小乔
- 粉丝: 1
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功