HTML基础知识-JS
**1.**ECMA Script是JAVA Script的标准规范,js是实现es的标准。
**2.**js由 ES、(DOM)文档对象、(BOM)浏览器对象。
**3.**解释型语言(js)特点:不用编译直接运行。
**4.**动态语言(变量的值任意可变),基于原型的面向对象。
5.劣势**:**直接运行较慢 (之所以慢是因为js是一个解析型无类型语言,在编译时并没有确定每一个变量的位置、类型、偏移量,它是一边执行一边确定变量的位置和类型的,除此之外还有一个就是DOM操作。Js引擎提供调用接口以便于渲染引擎能够通过这个接口处理《script》标签中的js代码,但是js引擎也可以通过桥接接口访问操作渲染引擎中的DOM结构,这种通过桥接器访问操作DOM是很低效的。)
6.
1. 我们的JS代码需要编写到<script>
标签中
2.一般将script标签写到head中。(和style标签有点像)
3. 属性: - type:默认值text/javascript可以不写,不写也是这个值。
- src:当需要引入一个外部的js文件时,使用该属性指向文件的地址。
7.
console.log('我');
alert('lala')
document.write('学习');
alert('爱');
自上而下执行
<script type="text/javascript">
console.log("Hellow Word!")
alert("在十多年前我还是一个少年")
document.write("家中有屋又有田,")
alert("生活乐无边")
</script>
**8.**JavaScript是严格区分大小写的,也就是abc和Abc会被解析器 认为是两个不同的东西
**9.**JS中的注释和Java的的一致,分为两种:
- 单行注释://注释内容 -
多行注释:/*注释内容
**10.**标识符可以是按照下列格式规则组合起来的一或多个字符:(同java用法)
- 第一个字符必须以字母、下划线( _ )或一个美元符号( $ )开头。
由字母、下划线、美元符号或数字组成。
**11.**ECMAScript 标识符采用驼峰命名法:
eg:loveEnglishClass[第一个字母小写,每个单词的首字母大写]
**12.**但是要注是JavaScript中的标识符不能是关键字和保留字符。
int a=10;
string a="wo ";
var a=10;
var a="yw";
13. JavaScript中一共有5种基本数据类型:
- 字符串型(String)
- 数值型(Number)
- 布尔型(Boolean)
- null型(Null)
- undefined型(Undefined
这5种之外的类型都称为Object
JavaScript中共有六种数 据类型。
**14.**变量和字面量(常量)
变量:可以改的量,常量不占内存(动态分配内存,静态分配内存)
var age=80;//变量可以描述字面量
var 于洋=789;//js底层utf-8不建议这样使用
console.log(于洋);
**15.**String用于表示一个字符序列,即字符串。
字符串需要使用‘或”括起来。
双引号里不嵌套双引号
单引号里不嵌套单引号
双引号里可以嵌套单引号
/n 换行
// 斜杠
/t 制表
/ ’ 单引号
\b 空格
" 双引号
\r 回车
三个\要输入6个\
**16.**Number表示的数字大小是有限的,范围是:
±1.7976931348623157e+308
如果一旦超过了这个范围,则会返回±Infinity。
NaN,即非数值(Not a Number) 是一个特殊的数值
10进制转2 8 16
var a=99;//number类型
var a=“你好”;//字符串 string
var a=false;//布尔型 boolean
:true false
var a=true;//boolean-->number true:1 false:0
var b=false;
a=a+2;//ture=1 1+2=3
b=b+7;//false=0 0+7=7
console.log(a);
console.log(b);//
console.log(typeof a);//boolean
console.log(typeof b);//string
console.log(Number.MIN_VALUE);//最小值是>0的最小值
console.log
(Number.MAX_VALUE);//最大值1.7976931348623157e+308
console.log(-Number.MAX_VALUE);//-1.7976931348623157e+308
console.log(Number.MAX_VALUE*Number.MAX_VALUE);//Infinity
//最大值的平方如果超过了这个范围,则会返回± Infinity。
console.log(-Number.MAX_VALUE*Number.MAX_VALUE);//-Infinity
var message;
mv=99;
console.log(message);//undefined:未定义或者不赋值的时候显示的都是未定义
console.log(mv);//99
//是typeof对没有初始化和没有声明的变量都会返回 undefined。
//实际上现在是只有未赋值的才返回undefined
//从语义上看null表示的是一个空的对象。所以使用typeof检查 null会返回一个Object。
console.log(typeof null);//"object"
//undefined值实际上是由null值衍生出来的,所以如果比较 undefined和null是否相等,会返回true
a=10;
b=3;
c=a/b;
console.log(c);//3.3333333333333335 除法 C语言里是整除
a=700;
b=13;
c=a%b;//使劲买 还剩多少钱
console.log(c);
17.特效练习
当鼠标移入的时候,把div的style的display变成block
getElementByid()
js:把右边的东西,放在左边里
<style>
#div1{
color: red;
font-size: 30px;
}
</style>
</head>
<body>
<label
onmouseout="document.getElementById('div1').style.display='none'"
onmousemove="document.getElementById('div1').style.display='block'" />
<input type="checkbox" />自动登录
</label>
<div id="div1"">不要在网吧</div>