Js基础随笔

Posted 2020-11-28 frfr

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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>

以上是关于Js基础随笔的主要内容，如果未能解决你的问题，请参考以下文章