JS学习笔记--第一期（JS介绍）

JavaScript简介

什么是JavaScript？

JavaScript简称JS，是一门客户端脚本语言，它运行在客户端浏览器中，每一个浏览器都有JS的解析引擎。

JavaScript能做什么

• 跨平台：JS不需要编译，直接就可以在浏览器上运行，只要平台支持浏览器就可以运行JS
• 改变页面内容：JS可以通过getElementById()等方法，修改img标签，修改display属性，修改CSS属性等方式对现有的HTML页面进行更改
• 表单验证：JS能够在本地进行表单填写数据的验证，不需要与服务器产生太多交互即可完成表单验证，极大的改善了用户的使用体验
• 动态效果：JS的出现极大的丰富了网页的动态效果，开发者使用JS可以更方便的生成幻灯片，图片轮换，浮动页面，一键返回顶部等动态效果，甚至可以大开脑洞，自己编写出更多酷炫的页面动态效果

JavaScrip的组成

JS分别由三个部分组成，这三个部分分别是：

• ECMAScript（脚本语言规范）
• Browser Object Model（浏览器对象模型，简称BOM）
• Document Object Model（文档对象模型，简称DOM）

而他们的功能分别是

• ECMAScript：语法；变量；数据类型；关键字；保留字；运算符；逻辑控制语句；对象等标准的实现
• BOM：通过BOM操作浏览器，如移动、缩放、关闭窗口；打开新窗口；页面跳转等；
• DOM：通过DOM操作HTML文档，如读取、修改页面内容等;

JavaScript的基本使用

JavaScript的引用方式

JS的引用方式分为三种：内嵌式，外联式和行内JS

内嵌式：将代码卸载script标签内，标签可放置于任何位置
<script type="text/javascript"> alert(‘hello world!’) //alert()方法为弹出一个警告对话框 </script>
外联式：将代码写入外部JS文件中，通过script标签内的src属性引入
<script src="./index.js" type="text/javascript" charset="utf-8"></script>
行内JS：直接将代码卸载HTML元素内，该方法问题较多，不推荐使用
<button type="button" onclick="javascript:alert('hello world!')">click me</button>

输入/输出语句

alert():创建一个警告对话框，参数内容为对话框文本
输出字符串：
alert("hello world")
输出表达式：
alert(1+1)
输出变量：
var name = "tallinn" alert("我是"+name)
转义字符：当JS输出字符串时，如果字符串中包含某些特殊字符无法直接输出，需要使用转义字符进行输出。

\’	单引号
\"	双引号
\&	和号
\\	反斜杠
\n	换行符
\r	回车符
\t	制表符
\b	退格符
\f	换页符

控制台：使用F12在浏览器中激活调试，然后再调试器菜单中选择“控制台”/“console”

控制台输出：

var a = 1  
var b = 2  
var c = a + b  
console.log(c) //控制台输出语句