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
5.javascript写法
(1)在标签中写入JavaScript
alert('')通过弹框显示内容
在alert里面 如果是运算表达式,就会运算自动转为字符串
如果直接写内容,需要告知alert是一个字符串,就需要加引号
会让代码暂停执行
javascript:void(0) 不返回不执行,让超链接显示效果,但是不跳转不产生历史
(2)把JS写在外部的独立文件中加载执行
(3)在JavaScript标签中写入代码
DOM树
CSS树
DOM渲染树
6.注释和调试
console.log console控制台 log日志
console.dir
console.error 打印错误
1.注释
对于代码做注解,解释功效
不执行当前的代码内容、
(1.)单行注释// ctrl+/
(2.)块注释 对行注释/* */ alt+shift+a
复制上一行 alt+shift+下
注释不能嵌套
2.调试
在控制面版显示的蓝色就是数值
显示黑色就是字符
控制面板中来源中可以增加代码断点
使用debugger;可以给代码添加断点
断点的作用是调试代码运行过程中的问题
bug是代码中的问题 debug是处理代码中的问题
7.常用方法
(1).alert() 弹出框
(2).console.log() 输出语句
(3).prompt() 弹出对话框可以输入一个默认值,等待用户输入确定后返回输入的字符串
(4).confirm() 确定取消对话框 当执行后可以赋值给一个变量,点击确定返回true,点击取消返回false
(5).document.getElementById(id)根据id字符串获取当前页面中对应的id元素,返回复制给变量
(6).div.innerHTML="<span></span>"
.点击button执行语句快中内容
button.οnclick=function(){
button.innerHTML="暂停";
}
当与网页有点击等操作后,页面发生改变,这种交交互
(8).document.write("abc"); 给文档中写入内容
(9).document这是文档 doctype和html标签整体
(10).document.body body标签
(11). document.head; head标签
(12). document.documentElement html标签
8变量
变量可以当作一个存储容器,这个储存容器的名字叫做变量名,容器中储存的值叫做变量
(1).变量名不能以数字开头,除了字母字符外还可以以_或者$符号开头
(2).如果变量名较长时需要使用驼峰命名法
(3).禁止使用中文命名
(4).变量名称中仅允许出现数字,字母,下划线,$
(5).变量中禁止使用关键词和保留字,关键词:代码中用到的名称,代码中用到一些备用名称叫做保留字
(6).所有window下的属性和方法都不能用作变量名,js中的window就是根
一个变量给多个值以最后一个值为准,声明多个变量用英文逗号隔开
只声明不赋值结果是undefined程序也不知道里面存的是什么
不声明不赋值直接使用某个变量会报错,
不声明直接赋值使用是可以的
定义标准
临时变量和参数,一般使用_起头 _num=3
常量使用全大写字母定义,使用下划线区分单词 EVENT_ID="even_id"
普通变量使用字母开头,驼峰命名法
9.数据类型
基础类型:
数值型 :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,
}