一、js简介
1.JavaScript用来制作web页面交互效果,提升用户体验。(表单验证、选项卡、轮播图、地图)
web前端三层来说:
结构层HTML从语义的角度,描述页面结构
样式层CSS从审美的角度,美化页面
行为层JavaScript从交互的角度,提升用户体验
2.简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)
3.JS是一个前台语言,不是后台
二、JavaScript程序
1.在页面中,<script type=”text/javascript”>”text/javascript”>标签对儿,里面就是书写JavaScript程序的地方。
JavaScript也是一个纯文本的语言。
第一个语句:alert 语句,弹出东西 :alert("内容");
程序是一句一句执行的。
2.JavaScript对换行、缩进、空格不敏感。
3.注释
//单行注释;
/*
多行注释
多行注释
*/
sublime快捷键:单行注释的快捷键是ctrl+/。 多行注释的快捷键是ctrl+shift+/
三、认识直接量
1.字符串 :例如文字单词 需要加上引号“”。
2.数字:不加引号
学习一条新的语句:console.log("今天天气真好"); 控制.输出,在控制台中输出东西 F12
四、变量
1.用字母来表示数字、字符串等其他东西的,称为“变量”。
var就是英语“variant”变量的缩写。后面要加一个空格,空格后面的东西就是“变量名”,我们可以给变量任意的取名字。
var a =100 关键字 空格 变量名 ,将右边的值赋给左边。
2.变量命名规范
只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。也不能有空格!
保留字:abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、gotoimplements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
ps:大小写是敏感的。
3.变量的定义和赋值
(1) 变量只有定义了才能使用。
(2)加了引号的变量叫做字符串!
4.变量的类型
console.log(typeof a);//输出a变量的类型 typeof 变量
(1)数值型:变量是数字,无论整浮、无论大小、无论正负,都是number类型。
(2)字符串型:string就是字符串型的意思。
5.键盘上+在JS中有两层含义:1) 连字符 2) 加
如果加号两边都是数值,此时是加。否则,就是连字符。
6.变量值的传递
一条语句不可以赋值给变量
将等号右边的值,赋给左边的变量;等号右边的变量,值不变。把b的值赋给a,b不变。
7.运算符 表达式
(1)
(3 + 4 * 5) / (6 + 3)
+、*、/、(都是运算符
这个式子叫做表达式。
+加 -减 *乘 /除(问号杠) %取余数 ( )括号 |
先算乘除、后算加减;乘、除、取余数的运算优先级相同,谁写在前面,先算谁。
(2)
三的四次方:var a =Math.pow(3,4);
开根号:var a =Math.sqrt(81);
8.用户的输入和存取:
(1)用户的输入:var a =prompt("哈哈请输入点什么东西吧"); 可以弹出让用户输入的框。
必须用一个变量,来接收用户输入的值!
用户输入的都是字符串 不会进行计算,
(2)字符串→数字
parseInt带有自动净化的功能:
console.log(parseInt("365天每天都爱你10000次"));
后面的中文自动消失,只保留最开头的数字。
只输出365。
自动带有截断小数功能(取整,不四舍五入)
console.log(parseInt(5.8));
输出5。
var a = parseInt(5.8) + parseInt(4.7);
console.log(a); 9
var a = parseInt(5.8 + 4.7);
console.log(a); 10
作业:
1.加号是有“歧义”的。JS中+有两层意思:加、连字符
3 + 5 = 8
"3" + 5 = 35
+这个符号到底是什么意思,必须要看左右的东西是什么类型的。如果都是数字,那么就是加;否则,就是连字符。
但是,其他的运算符,是完全没有歧义的。比如*、-、/、%。 这些运算符,就是用来计算的!
所以,我们的计算机,会帮我们进行一下隐藏的格式转换。
2.parseFloat 将字符串转换为浮点数
parseInt 将字符串转换成整数
3.如果今天是星期六,那么1000天后是星期几?用一条语句计算出来。
思维敏捷一点!
var jintian=parseInt(prompt("今天是星期几"));
var day=parseInt(prompt("请输入几天后"));
var xingqi=(jintian+day%7)%7;
alert (day+"天后是星期"+xingqi);
网友评论