码迷,mamicode.com
首页 > Web开发 > 详细

Js基础随笔

时间:2019-11-28 19:03:48      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:有一个   原始数据类型   set   效果   字符   null   运算符   表达式   eof   

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>

 

Js基础随笔

标签:有一个   原始数据类型   set   效果   字符   null   运算符   表达式   eof   

原文地址:https://www.cnblogs.com/frfr/p/11952827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!