认识JS、注释调试、常用方法、变量、数据类型

1.优化网页第一步
缩小网页图片的储存大小,先将一个质量较差,图像储存小的显示出来,当网页加载完毕后在替换成质量较好的图像

2.网景公司,为了解决表单中数据的是否按照规则填写的,表单验证。借助了正则表达式,添加了部分简单程序完成了基本的语言live script-->javascript,
弱类型解释型语言
弱类型 所有的变量都需要设置类型
解释性语言 先把代码转换为计算机可以识别的语言(二进制)
3.JavaScript在w3c组织的要求要做了一个标准 ECMA Script ES1-->ES6
Action Script Flash whatWG

4.javaScript的构成
ECMA Script基本语言
DOM 网页当中的HTML、CSS这些都是DOM Document Object Model
BOM 浏览器中对于历史,地址栏,宽高等等浏览器的操作就是BOM

javascript写法
1.在标签中写入JavaScript
alert('')通过弹框显示内容
在alert里面 如果是运算表达式,就会运算自动转为字符串
如果直接写内容,需要告知alert是一个字符串,就需要加引号
会让代码暂停执行
javascript:void(0) 不返回不执行,让超链接显示效果,但是不跳转不产生历史
2.把JS写在外部的独立文件中加载执行
3.在JavaScript标签中写入代码

DOM树
CSS树
DOM渲染树

4.注释和调试
console.log console控制台 log日志
console.dir
console.error 打印错误
    1.注释
     对于代码做注解,解释功效
     不执行当前的代码内容、
   (1.)单行注释// ctrl+/
    (2.)块注释 对行注释/* */ alt+shift+a
     复制上一行 alt+shift+下
     注释不能嵌套
    2.调试
    在控制面版显示的蓝色就是数值
    显示黑色就是字符
    控制面板中来源中可以增加代码断点
    使用debugger;可以给代码添加断点
    断点的作用是调试代码运行过程中的问题
    bug是代码中的问题 debug是处理代码中的问题
5.常用方法
   1.alert()弹出框
   2.console.log() 控制台输出
   3.prompt() 弹出对话框可以输入一个默认值,等待用户输入确定后返回输入的字符串
   4.confirm() 确定取消对话框 当执行后可以赋值给一个变量,点击确定返回true,点击取消返回false
   5.document.getElementById(id)根据id字符串获取当前页面中对应的id元素,返回复制给变量
   6.div.innerHTML="<span></span>"
    7.点击button执行语句快中内容
   button.onclick=function(){
   button.innerHTML="暂停";
   }
    当与网页有点击等操作后,页面发生改变,这种交交互

  8.document.write("abc"); 给文档中写入内容
  9.document这是文档 doctype和html标签整体
   10.document.body body标签
  11. document.head; head标签
   12. document.documentElement html标签

6.变量
   变量可以当作一个存储容器,这个储存容器的名字叫做变量名,容器中储存的值叫做变量
  1.变量名不能以数字开头,除了字母字符外还可以以_或者$符号开头
  2.如果变量名较长时需要使用驼峰命名法
  3.禁止使用中文命名
  4.变量名称中仅允许出现数字,字母,下划线,$
  5.变量中禁止使用关键词和保留字,关键词:代码中用到的名称,代码中用到一些备用名称叫做保留字
  6.所有window下的属性和方法都不能用作变量名,js中的window就是根

一个变量给多个值以最后一个值为准,声明多个变量用英文逗号隔开

只声明不赋值结果是undefined程序也不知道里面存的是什么

不声明不赋值直接使用某个变量会报错,

不声明直接赋值使用是可以的

定义标准
临时变量和参数,一般使用_起头 _num=3
常量使用全大写字母定义,使用下划线区分单词 EVENT_ID="even_id"
普通变量使用字母开头,驼峰命名法

7.数据类型
基础类型:
数值型   Number
  var a=3;
  var b=1.2;
  var c=-3;
  var d=1.2e+3;
  var e=1.2e-2;
  var f=067; 八进制
  var h=0xFF;十六进制
字符型   String     字符串的嵌套外单内双,内单外双   数值相加字符相连
  var a="a";
  var b='b';
  var c=`c`;
布尔型    Boolean
  var a=true;
  var b=false;
未定义   Undefined
  var a;
  var b=undefined;
空值    Null
  var a=null;
复杂型:
对象型    object
//键值对
  var o={
  a:1,
  b:2,
  }

typeof检测数据类型

 var num = 10;
        console.log(typeof num);
  //检测获取字符串的长度  length
        var str = "my apple";
        console.log(str.length);
posted @ 2021-12-06 18:00  满天星可以嘛  阅读(101)  评论(0编辑  收藏  举报