没有合适的资源?快使用搜索试试~ 我知道了~
Javascript基础笔记总结.pdf
需积分: 0 5 下载量 89 浏览量
2022-04-03
10:52:13
上传
评论 1
收藏 1MB PDF 举报
温馨提示
试读
109页
网页由三部分构成: 1. HTML:网页基本骨架,用来设计网页的结构 2. CSS:美化网页,有了样式,才能实现网页的像素级还原 3. JavaScript:动态脚本,控制页面上动态交互,动画效果,点击事件等等
资源详情
资源评论
资源推荐
JavaScript 简介
为什么是 JavaScript
编程语言
• php
• java
• c++
• c#
• python
• go
• ruby
• golang
• swift
• 易
• JavaScript
• typescript
JavaScript 优点
• 相对于 java 或 c 语言,入门简单
• 能够结合 HTML 和 css 实现动态页面,java 需要学习特定的 javaweb 技
术才能实现。
• JavaScript 逻辑难度相比于 java,要低一些。
• 新行业,机会大于 java
JavaScript 简要发展历史
• 95 年由布兰登花 10 天搞出来的第一版。目前已经暴露了一些底层设计
不足,后续由 typescript 来接替
• 网景公司将 JavaScript1.1 提交给了 ECMA,作为语言标准规范。后续的
JavaScript 由 ECMA 来负责,所以又称为 ECMAScript。
• 重要版本
o 99 年发布的 ECMAScript 3. 全球普及的第一个 JavaScript
版本。
o 09 年发布了 ECMAScript 5.中国普及的第一个版本,包括现
在部分项目仍在用。(教学版本)
o 15 年发布了 ECMAScript 2015.后续是每年更新一个版本。
每年的版本只是一些修改,没有大改,所以我们统称 2015 以后
的版本为 ES6。
• 兼容问题
o ES5,全系兼容
o ES6.谷歌或火狐 2015 后的版本。ie 全系不支持 es6.只有
edge12 及以上才支持。
JavaScript 组成 (理解)
• ECMA 只是负责了 JavaScript 的核心语法,关于浏览器部分或后端部分是
不负责的。即单纯是 ECMAScript 是不能在浏览器中使用。具体的浏览器部分
是每个浏览器厂商自己负责。
• 一个完整的 JavaScript 是由三部分组成
o ECMAScript:核心语法
o DOM:负责网页内容的交互(指 body 标签部分)
o BOM:负责浏览器窗口本身的交互。如刷新、前进后退、
跳转页面,打开新标签页等。
• 其中 DOM 和 BOM 由浏览器厂商负责,所以不同的厂商会有兼容性问
题。
浏览器环境
在 HTML 页面中使用 JavaScript
• 第一种:内嵌式,书写代码
o 通过 script 标签来书写 JavaScript 代码。书写后打开页
面会立即执行<script>中的代码
<script>
JavaScript 代码
</script>
o 页面上可以有多个<script>,具体的执行顺序是按照从上
往下依次执行。
<body>
页面主要内容
<script>
JavaScript 代码
</script>
</body>
• 第二种:外链式,引入 js 文件
o 我们可以吧要执行的代码写在以.js 为后缀的文件里面,
通过<script src>来引入
<script src="js 文件地址"></script>
o 一个页面可以引入多个 js 文件,每个 js 文件都需要单独的
script 来引入。
o 打开页面时浏览器会按照<script src>的书写位置来一
次引入 js 文件并立即执行 js 文件中的代码
o 例子:
index.js:
console.log('来自 index.js');
index.html:
<script src="index.js"></script>
建议: js 标签,尽量放在</body>之前
注意:外链式的 js 标签中不写 js 代码,若写了 js 代码,会被引入的 js 文件覆盖。
注释
单行注释
• //:单行注释
// :这一行的内容都是注释
这里的内容不是注释
多行注释
/* */:多行注释
/*
这里的内容都是注释
这里还是注释
*/
这里不是注释
文档注释:特殊的多行注释
/**
一般是对页面中的代码进行进一步的说明解析。
*/
输入与输出
输出
控制台输出
• cosole.log()
console.log("要输出的内容");
例子:
console.log('hello world');//输出 Helloworld
console.log("hello world");//输出 Helloworld
o 引号可以是单引号或双引号。必须是英文状态下的。
弹窗输出
• alert():弹窗进行输出
alert("要输出的内容");
例子:弹窗显示 hello world
alert("hello world");
页面上输出
• document.write();
document.write("要输出的内容");
例子:输出 helloworld
document.write("hello world");
o 如果要输出的是 HTML 标签的代码本身。那么 JavaScript
会将其解析为一个真正的标签并显示在页面上。
//页面上显示为一个超链接
document.write("<a href='http://www.baidu.com'>
百度一下</a>");
输入
prompt :获取用户输入的文字
• 概念:以弹出框的形式获取用户通过键盘输入的信息,获取的是字符
串,可以结合输出将用户输入的数据输出出来。
• 语法
prompt("提示性文字");
例子: 页面上会显示已输入框,并提示请输入您的银行卡和密码
prompt("请输入您的银行卡和密码");
• 配合输出
//思考:输出用户输入的信息
alert(prompt('请输入您的银行卡和密码'));
• 练习
1. 尝试用页面上和弹窗两种方式来输出通过 prompt 输入的内容
2. 执行 console.log("1"+2); 有什么效果
3. 执行 console.log(1+2); 有什么效果
加号两边,只要出现一个字符串,则将另外一个字符串转化成字符串,然后合并。如
果无法转换,这显示 NaN。 (+,将数字转换成字符串)
减号两边,只要出现一个字符串,则将该字符串转化成数字,然后进行数字运算。
(-0,将字符串转换成数字)
数据类型
剩余108页未读,继续阅读
asdfgh12484
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0