HTML基础知识-JS_当js文件以模块的形式被html文件应用时需要在script标签中进行一个属性写出其-CSDN博客

本文链接：https://blog.csdn.net/weixin_45598486/article/details/100675660

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文件时，使用该属性指向文件的地址。

   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>