javascript

 

一  JavaScript  的简介                                                    

       1 ,WEB前端有三层

• 　　HTML  :从语义的角度.描述网页结构
•         CSS   :从审美的角度.描述样式(美化页面)
•         JavaScript  :从交互的角度,描述行为(提升用户体验)

　　2 ,javascript是前台语言,而不是后台语言,其最终运行在终端网页上,主要服务于页面的交互效果,美化,绚丽,而不是在服务器上,不能操作数据库.

　　3, JavaScript 基础分为三个部分:

• ECMAScript:javascript的语法标准.包括变量,表达式,运算符,函数,if语句,for 语句
•    DOM  :操作网页上的元素的API.比如让盒子移动,变色,轮播图.
•     BOM :操作浏览器部分功能的API.比如让浏览器自动滚动.
• ps   :js 机械重复性的劳动几乎为0 ,基本都是创造性的劳动.

　　4  ,js  的特点

• 简单易用  :阔以用任何工具编写,只需要浏览器就可以执行程序
•  解释执行 (解释语言) :实现不编译.逐行执行.无需进行严格的变量声明
•   基于对象 :内置大量线程对象,编写少量程序完成目标

二  js  代码编写                                                            

语法规则

(1) js 对换行  缩进 空格不敏感,每一条语句末尾 都要加上分号,为了以后压缩程序方便

(2) 所有的符号都是英文的

alert语句        弹出警告框

<script type="text/javascript">
       alert("小马哥");
</script>

prompt() 用户输入语句    

prompt() 就是专门用来弹出能够让客户输入的对话框

<script type="text/javascript">
        var a = prompt('今天是什么天气？');
        console.log(a);
</script>

上方代码中,用户输入的内容会被赋值给 a ,不管用户输入什么内容,都是字符串类型

alert 和prompt的区别 

alert("从前有座山");                //直接使用不需要声明变量
var a = prompt("请输入一个数字");   //必须用一个变量来接受客户输入的值

直接量:数字和字符串                                               

直接量就是常量,也成为"字面量".  简单的直接量有两种  :数字和字符串

(1) 数字的直接量

alert(886);  //886是数字，所以不需要加引号。

(2)  字符串的直接量

alert("小仙女");  /加上引号就阔以了

变量                                                                                         

变量的定义和赋值                                                                   

 var a = 100;
var 是一个关键字 ,用来定义变量.
变量赋值,等号左边的赋值给等号右边的
变量名:只能有英文字母,数字下划线,美元符号构成,且不能以数字开头,大小写字母敏感

如果不限定义一个变量就输出,控制台会报错,例如

<script type="text/javascript">
        console.log(a);
  </script>

正确写法

<script type="text/javascript">
        console.log(a);
  </script>


var a = 100;    //定义，并且赋值100
console.log(a);  //输出100

变量的类型                                                              

数值型:number                                                                                   

如果一个变量中存储了数字,那这个变量就是数值型的

 var a = 100;            //定义了一个变量a，并且赋值100
 console.log(typeof a);  //输出a变量的类型

typeof()表示"获取变量的类型
在js中,只要是数,无论是整数,浮点数,都是就是number数值型的

字符串类型                                                               

var a = "abcde";
    var b = "路飞";
    var c = "123123";
    var d = "哈哈哈哈哈";
    var e = "";     //空字符串

    console.log(typeof a);
    console.log(typeof b);
    console.log(typeof c);
    console.log(typeof d);
    console.log(typeof e);

连字符和  加 号的区别

  console.log("我" + "爱" + "你");   //连字符，把三个独立的汉字，连接在一起了
  console.log("我+爱+你");           //原样输出
  console.log(1+2+3);            两边实数值就是加号运算,
如果加号两边是字符串类型的数字,和数值类型的数字,就是连字符,阔以做隐式转换
如果减号两边是字符串类型的数字,和数值类型的数字,就是减法运算

变量格式转换                                                                   

parseInt(): 字符串转数字                                                                              

 parseInt(“5”);

parseInt() 还具有一下特性:

(1) 带有自动净化功能 :只保留字符串最开头的数字,后面的中文自动消失.

console.log(parseInt("2018你真帅！！");

(2) 带有自动截断小数的功能:取整,不四舍五入

var a = parseInt(5.8) + parseInt(4.7);
console.log(a);

var a = parseInt(5.8 + 4.7);
 console.log(a);   #结果是10,先计算,后截断