Html中的JavaScript


一、历史简介:
1995年由网景公司和sun公司职员Brendan·Eich共同开发的,sun公司是开发java的,但JavaScript跟Java没有任何关系。JavaScript的标准是ECMAScript 。2015年6月17日,ECMA国际组织发布了ECMAScript 的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。
JavaScript是轻量级、弱类型、脚本语言。主要实现页面操作和数据交互。
二、组成部分:
1、ECMASCRIPT:基本语法规范
2、DOM:文档对项模型(用于操作Html和css)
3、BOM:浏览器对象模型(操作浏览器界面)

三、js书写:
1、行内样式:
<div onclick = "alert('我是弹窗')">我是DIV</div>
2、内部样式:
一般写在body或head标签最后位置。通常写在body页面最后位置。
<script>
/*这里面是js内容*/
</script>
3、外部样式:
一般用script标签配合src属性引用
<script src="dome.js">
/*标签中间不要写任何js内容,即使写也不会出现*/
</script>
注:行内样式不推荐使用,书写不方便,不利于重复使用;script理论上可以写到任何位置,但为了能更好执行,最好写到body最后面;引入外部样式后就不要写内部样式了。
四、特殊情况:
超链接中的href属性:想给href加js需要把href的值由链接写为"JavaScript:;"才能执行
<a href='JavaScript:;'>去百度</a>
<script>
a.onclick = function(){
window.location.href="http://www.baidu.com"
}
</script>
/*定义超链接的跳转,并且能给超链接加样式*/
五、基本语法:
1、注释:
单行注释:// 双斜杠,仅能注释一行,第二行需要重新注释
多行注释:/**/跟css注释一样
vs code快捷键ctrl+/
2、语法:
声明变量的关键字,例如:var
var a1 = 200;
中a1位置不能写中文、不能数字开头、不能使用保留词和关键词、区分大小写、见名知意、可使用拼音,但不能拼音缩写。
一般以字母和下划线开头,最好采用驼峰式写法。
(大驼峰:每个单词首字母大写;小驼峰:第二个单词大写)
六、变量:

存在内存之中的带有名称的容器,其中存储的数据在执行过程中是可以改变的。实际上就是一个存储数据的容器所有计算机程序数据都存在变量中。
1:布尔值(bool):判断数据真(true)、假(false)。true和false需要小写。
var d = true;
var e = false;
console.log(d,e)huozhe1console.log(true,false)
2、字符串:string或str来表示,意思为字符,不是变量。需要用引号包裹
var a=北京;                                     /*错误写法*/
var a="北京";                                  /*正确写法*/
var a=123                                       /* 123代表变量123数值*/
var a="123"                                    /* 123代表字符串*/
var a="123说"我是123""                 /*错误写法*/
var a='123说'我是123''                  /*错误写法*/
var a='123说"我是123"'                  /*正确写法*/
var a="123说'我是123'"                  /*正确写法*/
注:字符串需要加引号,引号嵌套问题最外层可用双引号或单引号分别嵌套,不能一个引号写完。
多层嵌套ES6中会介绍
3、字符串拼接:将两个或多个字符串拼成一个字符串,用+号表示:
var str1="字符串1"
var str2="字符串2"
var str3="字符串3"
var strn="字符串n"
var strm=str1 + str2 +str3 +strn
console.log(strn);
/*输出结果为字符串str1、str2、str3、strn连在一起的结果*/
如果想要换行,中间添加"<br>"
var str1="字符串1"
var str2="字符串2"
var str3="字符串3"
var strn="字符串n"
var strm=str1 + "<br>" + str2 +str3 +strn
console.log(strn);
/*将str1和str2中间加一个换行*/
4、数值类型:整数、小数、NaN 三种
A、整数:二进制(前面加0b)、十进制(正常书写)、十六进制(前面加0x)
var a1=0b0101;/*输出为二进制*/
进制转换:toString 其中S大写
console.log(a1.toString(10))/*转为输出为10进制的,中间数值2、10、16分别代表进制*/
B、浮点数:也叫小数,float表示,有效值最高17位(整数+小数共17位)
浮点存在误差,不是准确值,是近似值,只要在计算机中,是浮点就会存在误差。
EX:经典面试题:
console.log(0.1+0.1==0.2)
console.log(0.2+0.2==0.4)
console.log(0.3+0.3==0.6)
答:这是错误的写法,在实际工作中根本不会这样用,因为浮点存储有问题,直接执行会造成精度溢出或丢失,造成误差,将浮点转化后才高精度浮点进行运算才是比较合理的。
C、科学计数法:e表示
2 e 3即表示2*10*10*10
2 e -3即表示2/10/10/10
D、NaN下有两个值
undefined表示应该有数值,但是没有数值,
null表示有数值,但数值为空
例如:
var a1;输出为a1,结果为undefined
var a2=null;输出为a2,结果为null
总结:true、false、undefined、null、NaN在js中表示一种数值。赋值时必须遵守大小写,且不能带引号,带引号就变成了字符串。

posted @ 2020-03-09 20:50  不懂老爱瞎逼逼  阅读(212)  评论(0编辑  收藏  举报