JS第一部分 8.17

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容