美文网首页
JS第一部分 8.17

JS第一部分 8.17

作者: 多佳小昕 | 来源:发表于2017-09-10 20:07 被阅读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);

相关文章

  • JS第一部分 8.17

    一、js简介 1.JavaScript用来制作web页面交互效果,提升用户体验。(表单验证、选项卡、轮播图、地图)...

  • 厚积薄发丨周分享(8.15~8.21)

    第一部分:总结 背单词六天 阅读: 《明朝那些事儿》31~32章 《富爸爸穷爸爸》读完(8.17~8.19) 跑步...

  • jQuery 的 API

    html部分 js部分 html 就是加了几个div,没什么好说的。 js代码分为两部分,第一部分是封装jQuer...

  • 2019-05-05

    html部分 js部分 html 就是加了几个div,没什么好说的。 js代码分为两部分,第一部分是封装jQuer...

  • WKWebView集合

    第一、如何忽略https证书校验 第二、WebViewJavascriptBridge的使用 OC部分 JS部分 ...

  • 事件

    1、鼠标的移入移除js部分 2、鼠标事件js部分 3、事件对象js部分 4、键盘事件js部分 5、输入框事件js部...

  • uniapp video 视频默认全屏播放

    html部分 js部分 备注:重点在于js部分

  • JS部分

    JS的组成 JS分三个部分 ECMAScript :核心语法 BOM:使得JS具有操作浏览器的办法 DOM:使得J...

  • JS部分

    引入方式 直接用标签引入 使用js文件引入 基础语法 注释 语句必须以分号结束 var 声明变量的关键字 变量名 ...

  • JS部分

    原生JS 事件(冒泡、捕获) 变量、作用域 函数 对象 面向对象OOP(闭包、封装、继承) 正则表达式 Ajax(...

网友评论

      本文标题:JS第一部分 8.17

      本文链接:https://www.haomeiwen.com/subject/zssjqxtx.html