day1-Javascript--基础

来源：互联网发布：农村淘宝网店申请报名编辑：程序博客网时间：2024/06/06 04:39

一、Javascript简介

1.1995由网景导航者浏览器首次设计实现而成

2. Javascript也可以成为ECMMAScript

3.当前使用版本为ES5，但是在朝着ES6过渡

二、Javescript基础（ES5）

1.定义：基于对象与事件驱动的客户端脚步语言

2.对象：实例化的类 -- 一切皆对象

拥有属性和方法的数据。

3.事件驱动 :由页面中的某个动作触发

4.客户端 : 运行在浏览器中

5.如何在页面中使用JS？

答：1.直降写在标签中

2.写在html页面中

2-1.可以放置在页面中任何位置，不过通常的做法是放在head中或者（body中）html之后

2-2.<script type="text/javascript"></script>:js标签 --js必须放置在js标签中

3.外部引入：将js保存成.js文件，然后通过<script src=""> </script>引入

6.alert():在页面中出现一个提示框,()内的为提示的内容

7.document.write():在页面中输出内容

8.console.log():在控制台输出内容

9.注释：//:单行注释

/**/:多行注释

10.JS中使用“;”结尾

三、变量

1. 概念：变化的量，可变的值

2. 声明/定义：var num1;--声明变量 或 var num1=1;声明变量并赋值

3.var:关键词

4.num1：变量名,自定义的

5.变量名的命名规则: 1.变量由数字，字母，下划线，$及汉字符号组成

2.不能用数字开头 

3.不推荐使用汉字, _等

4.不使用关键字

5.大小写敏感

6.Javascript是一门弱类型语言 ：变量类型由值决定，并且可以随意更改

7.typeof：查看变量类型

8.变量类型: undefined:未定义

number:数字 -- 整数+小数

string: 字符串 -- 文本，必须包含引号（单引号/双引号--成对）

boolean:布尔值（bool）--只有两个值: true/false

object: 对象

null:特殊的数据类型，表示变量已不存在，本质类型为object

array : 数组 ，本质类型为object 

NaN:不是一种数据类型，属于number

三、运算符

1.算数运算符： + - * / %(取模) ++ --

2.递增: ++

3.递减: --

4.num++ 与 ++num的区别？

答: num++先赋值，后自增;++num先自增，再赋值

5.赋值运算符: = += -= *= /= %=

6.比较运算符: > >= < <= != == ===

7. ==判断值是否相等

8. ===判断值和数据类型是否都相等 --全等于

9.逻辑运算符: &&（与） ||(或) !(非) ---判断

10 &&（and）:表示所有条件都满足

11 || （or）:满足其中一个条件就可以

12 ！（not）: 取反--取结果的反面

13.条件运算符（三元运算符）： 条件？条件为真时执行：条件为假时执行

<!DOCTYPE html><html>  <head>     <meta charset="utf-8">     <title>JS基础</title>     <script type="text/javascript">   var num1;//声明一个变量   var num2=-1.1; //声明一个变量并赋值   var num3="1";   var num4=true;   var num5={};   var num6=null;   var num7=new Array;   var num8=NaN;   //typeof:查看变量类型   console.log(typeof num1);  //undefined:未定义   console.log(typeof num2);  //number:数字   console.log(typeof num3);  //string:字符串   console.log(typeof num4);  //boolean: 布尔值   console.log(typeof num5);  //object:对象   console.log(typeof num6);  //object   console.log(typeof num7);  //object：数组    console.log(typeof num8);  //number:not a number   document .write(num3)    var x=1;    var  p=x++;    var  q=++x;    var  k=x--;    var  l=--x;   console.log(p);  //值为1   console.log(q);  //值为3   console.log(k);  //值为3   console.log(l);  //值为1   var a= 1>2?   </script>  </head>  <body>  </body></html>

阅读全文

1 0