Js基础随笔

avaScript基础

 

 1)概念:客户端脚本语言

  运行在客户端浏览器中的 每一个浏览器都有JavaScript的解析引擎

  脚本语言:不需要编译 直接就可以被浏览器解析执行了

 

 2)功能

  可以来增强用户和html页面的交互过程 可以来控制html元素 让页面有一些动态的效果 增强用户的体验

  

 3)基本语法

  1.与html结合方式

   内部JS:

    定义 <script> 标签体内容就是js代码

    注意1:js可以声明在html标签内的任何地方 但是出现的位置会影响页面的展示

    注意2:同时可以定义多个script

    

    

    外部JS

    定义 <script> 通过src属性 一如外部的js文件

    

  2.注释

   1.单行注释  //注释内容

   2.多行注释  /*注释内容*/

   

  3.数据类型

   1.原始数据类型(基本数据类型)

    a)number 数字 (整数  小数 NaN)

    b)string 字符串

    c)boolean

    d)null

    e)undefined 未定义 (一个变量如果没有初始化)

    

   2.引用数据类型:对象

  

  4.变量:一小块存储数据的内存空间

   强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型,只能存储固定类型的数据

   弱类型: 在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。

   Java是强类型语言 JavaScript是弱类型语言    语法:

    var 变量名 = 初始化值;

    typeof运算符:获取变量的类型。

    注:null运算后得到的是object

    

  5.运算符

   1.一元运算符 只有一个运算数的运算符

    ++ — +(正号)

    

   2.算数运算符

    + – * / % ..

   

   3.赋值运算符

    = += -=

   

   4.比较运算符

    > < >= <= == ===(全等 在比较之前先判断类型 如果类型不一样 直接返回false)

   

   5.逻辑运算符

    && || !

   

   6.三元运算符

    ? : 表达式

    var c = a > b ? 1:0;

    表达式? 值1:值2;

    判断表达式的值,如果是true则取值1,如果是false则取值2;

   

  6.流程控制语句

   1.if else

   2.switch(可以接受任何任意的原始数据类型)

   3.while

   4.do..while

   5.for

  

  7.JS特殊语法

   1.语句以;结尾 如果只有一行可以省略;

   2.变量的定义使用var关键字也可以不使用 (如果unfined时一定要使用var)

   使用var定义的是局部变量  不使用的是全局变量

   

  8.练习

   九九乘法表

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>JS-九九乘法表</title>
    <style type="text/css">
        td{
            border: 1px solid;
        }
    </style>
</head>
    <body>
        <script type="text/javascript">
        //使用table表格作为边框
        document.write("<table align=‘center‘>");
        
        for(var i = 1;i<10;i++){
                document.write("<tr>");
            for(var j = 1;j<=i;j++){
                document.write("<td>");
                //定义两个实体&nbsp;隔开每一个 算式
                document.write(j +"*" + i+ "=" + j*i+"&nbsp;&nbsp;");
                document.write("</td>");
            }
                document.write("</tr>");
        }
        document.write("</table>");
    </script>
    </body>
</html>