JavaScript 基础(一)

题纲:

1、js的弹窗功能

2、js的三种书写方式

3、js调试常用的两句话

4、变量的语法

5、变量的命名规范

6、交换变量的值

7、js调试常用的5个功能

8、运算符

9、js的数据类型

10、算术运算符(数学预算符)

 

 

 

1、Web三大标准

结构(html)、样式(css)、行为(js)

控制台使用

 

2、JavaScript调试语句

alert()

console.log()

prompt()

3、JavaScript函数

调用函数,就是调用某个功能

*调用函数语法:

函数名()

4、JavaScript变量

定义:变量主要用来存储数据,把数据起一个更加简单的名字,方便实用

 变量语法:

   Var 变量名 = 数据;

5、数据类型

  5种基本数据类型

1种复杂数据类型(引用型)

 

正文

1、js的弹窗功能

  内嵌写在body或者html的外面用script包裹

  alert();弹出警告窗口

调用函数的括号里面写内容,发布才会显示内容

*js中的符号用英文状态下的符号

*js严格区分大小写

 

一个浏览器相当于一个平台

 

2、Js的三种书写方式

行内:直接写在标签上

  ·

  onclick点击事件

内嵌

外联:引入方式

同一个script里面只能兼容一个外链或者内嵌,从上往下按照顺序执行。

3、js调试常用两句话

  注释:块注释/*  */

  行注释://

*内置功能:alert();  弹出框、

          console.log();控制台输出(重点)

         

         

4、变量的语法

 *直接量:很少用

 *变量:把数据赋值给变量名称(后面的赋值给前面)

     var 变量名称 = 数据;  =等于赋值

 

5、变量的命名规范

  变量定义语法、

 var 变量名称 = 数据;

  变量命名规范:

    必须遵循

1、不能以数字开头

  1. 不能用特殊符号,除了$ 和 _

3、大小写字母数字组合,用驼峰命名法 (推荐用)

规避关键词保留词

4、 如var  class typeof for if ……

      5、要有语义的名称

 

6、交换变量的值

  一个等于号:在js中叫赋值

    赋值在js中怎么运行的:

        先读取后面的数据,再赋值给前面

7、js调试常用的5个功能

   alert(); 弹出警示框  (掌握)

   console.log(); 在控制台显示 (掌握)

   prompt(); 带输入框的提示框 (掌握)

   confirm(); 确认框(两个按钮)

   document.write(); 文档写入

 

 

var result = prompt();   把prompt赋值给一个变量,就可以在页面保存起来(针对新学学者看到效果进行展示)

console.log(result);

alert(result);

prompt();

   返回值

        1点击确定返回用户输入的内容

        2点击取消返回null

confirm()

    函数运行后返回值:

        1点击确定:true

        2点击取消:false

 

Js的函数执行完毕后,默认返回undefined(未定义),可以理解为该函数无返回值

 

prompt() confirm() 有返回值的函数

 

 

文档写入

document.write(); 文档写入

 

8、运算符号

 

+ 加号在js的两个功能

  1. 数值相加,只有数值才会进行相加运算
  2. 字符相连,碰到一个字符都是相连

  1. 数据类型隐式转换

 

 

9、js的数据类型

5大数据类型

   字符串型(string):

   数值型(number):

   布尔型(boolean):

   未定义型(undefined):

   空值型(object): null

1种复杂数据类型(引用型)

对象型:object   function

 

typeof

 

输入框输入的数据默认为字符串:

    字符串进行数据会有小问题,尤其是加号,进行的相连运算

数据类型转换:

    <字符串>转换<数值型>

     Number();   大写N

     parseInt();   解析转换成 数值整型

     parseFloat();  解析转换成 数值型

 

NAN 不是一个数字

Js是弱数据类型语言

  1. 创建变量的时候不用指定数据类型,变量可以存放任何类型数据
  2. 隐式转换

什么情况下会隐式转换:

  1. 有运算符进行运算的时候,+ - / * < >
  2. If 判断语句的括号

小结:会发生隐式转换的数据,一般都会和运算符有关

 

简化隐式转换,只能是纯数字

 

 

 

10、算术运算符(数学运算符)

   + - * /  %(取余,取模)

  余数价值:

  1. 余数为零说明能被整除
  2. 除以2余1,说明是奇数,同理除以2余数为零,说明为偶数

 

  比较运算符

 > 大于

<  小于

 >=  大于等于

 <=   小于等于

 ==   等于

 !=   不等于

注意:以上6个比较运算符,比较的数据之间都会进行隐式转换

 

===等于     !==不等于  不会进行隐式转换,<值>和<数据类型>都会进行比较

  1、比较运算符的计算结果只有两种情况:true   false

2、比较运算符的数据之间会进行隐式转换,除了 === 和 !==

 

 

*计算三科总成绩练习

 

 

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/weixin_39277183/article/details/86567652
今日推荐