简介
JavaScript(以下采用缩写JS)是一门动态编程语言。
当它应用于HTML文档时,可增加网页的动态交互特性。比如:验证输入表单的正确性;改变网页上的文字;在网页上设置实时时钟等。
JS基于浏览器运行,可以快速的响应用户动态行为。
JS脚本可与HTML混用,也可单独存为JS文件然后在HTML中引用。推荐后者
变量
声明:let(变量声名) variable(变量名)
let variable
赋值:
let variable = 'w3cschool.cn随时随地学编程';
variable = 'Web入门请上w3cschool.cn';
数据类型
String 字符串
Number 数字
Boolean 布尔值
Array 数组
Object对象
Undefinded
Null 空
运算符
JS常见运算符
条件语句
最常用的条件语句: if ……else……
if (……){……}
else{……}
eg:
let bestchoice = 'w3cschool.cn';
if (bestchoice === 'w3cschoo.cn') {
alert('随时随地学编程');
} else {
alert('容我再想想');
}
解释:
1、将w3cschool.cn 赋值给bestchoice(最佳选择);
2、对if(...)中的表达式进行测试,用等于运算符===来比较bestchoice和w3cschool.cn是否相等;
3、如果返回为真(true),则反馈第一个代码块,在页面中提示——随时随地学编程;
4、如果返回为假(else),则跳过第一个代码块,执行第二个代码块,在页面中提示——容我再想想
函数
代码复用,减少重复堆叠,增加代码可读性
事件
事件为网页添加交互能力。它可以捕捉浏览器操作并运行代码做为响应
eg:点击事件
document.querySelector('html').onclick = function() {
alert('别来找我,我好烦!');
}
示例效果:点击页面的任意位置,弹出对话框'别来找我,我好烦!'
将事件与元素绑定有许多方法。本例选用了<html>元素,把一个匿名函数(即未命名的函数,此匿名函数包含单击鼠标时要运行的代码)赋值给了html的onclick属性。
注意
- 行末的分号表示当前语句结束了。此分号只在单行内需要分割多条语句时才是必须的。但也有一些专业人士认为每条语句末尾加分号是好习惯。
- 几乎所有内容都可以作为变量名称。但是有些例外(关键字),请在进一步学习JS时多加注意。
- 在支持ES6语法(初学阶段的你只要知道它是一种编写代码的新规定就可以了)的JS环境中使用[let]声明变量,还可以 使用var声明变量。在入门阶段,你不需要深入了解使用let还是使用var来声明有何区别。你仅需知道两个都可以使用声明变量,但本例选择使用let意味着解。
- JavaScript对大小写敏感。变量和变量是不同的。如此,虽然它俩的英文拼写和字面意思是一样的,但由于JS对大小写的敏感,使它俩被浏览器认为一个是苹果,另一个是香蕉-完全不同的东西。如果你的代码出现问题,请先检查一下大小写。
网友评论