JS第一部分 8.17

2017-09-10  本文已影响0人  多佳小昕

 一、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);

上一篇 下一篇

猜你喜欢

热点阅读