1.基本介绍
1.1javaScript,简称JS,是一种客户端脚本语言,主要用来向THML网页添加各种动态效果。
1.2作者是Brendan Eich,10天完成JavaScript设计,网景公司初始名为livescnpt,后来和sun合作,改名为javaScript。
1.3JavaScript是一种脚本语言,可以用来创建动态更新的内容,控制多媒体,制作图像动漫,还有很多。
1.4.JavaScript的组成
组成部分 |
作用 |
构成了JS的核心语法 |
|
BOM |
Brower Object Model【浏览器对象模型】,用来操作浏览器上的对象 |
DOM |
Document Obeject Model【文档对象模型】,用来操作网页中的元素 |
2.JavaScript的引入方式和输入输出语句
2.1.js引入HTML的方式 3种
2.1.1.内联式js引入
<a href=“JavaScript:alert("123");”>点我有惊喜</a>
2.1.2.嵌入式,将js代码统一放到script标签内
<script> alert(123); </script>
2.1.3外部式引入
js→创建js文件demo.js→alert(‘好好学习’)
<header> <script src=js/demo.js></script> </header>
注意事项:通过script标签引入的脚本,不能在中间再次编辑代码,无效。
3.JS的输入输出语句
alert()弹窗
confirm()确认取消弹窗
prompt()输入器
console.log();查看
console.info();查看
document.write();输出语句
<script> //var i=confim(“你要分手吗?"); //console。log(i); //var i=prompt("请输入一个数字"); //console。log(i); document。write("我是天王"); </script>
4.JavaScript核心语法
4.1.控制台输出语句
console.dir(window);
4.2.js的事件,js中的事件可以定义在HTML标签上,在标签上称为事件属性
·查找HTML DOM元素
<script> <div id="oDiv" style="background-color:red;width:100px;height:100px;"><> <button onclick="sb();">点击获取div的内容</button> </script> <script> //编写名为sb的函数 //在函数中获取div的内容 //得到div标签——标签(元素,对象) //通过D0M模型中的getElementById() function sb(){ alert(document.getElementById("oDiv").innerHTML) } </script>
4.3ECMAScript核心语法:变量,选择结构,关键字,循环结构,对象【数组对象,string,对象Date】
4.3.1.javaScript是一门弱类型语言
·变量的定义统一var 和let
·var函数式定义 let块状式定义
·var a=1;//变量a会立刻成为window的一部分,污染window对象,重复定义会覆盖。
var a=20;
·let b=10;//不会成为window的一部分,再次定义会报错。
let b=20;
·var a=1.1;
·JS整数和小数都是number类型’
·type查看具体的数据类型(number,string,boolean,underfined,object)
<script> console.log(typeof(a)); </script>
`4.3.2计算(==/===)
<script> var m1=123; var m2='123'; //==比较内容 console.log(m1==m2);//true //===比较时间的同时比较类型 console.log(m1===m2);//false </script>
4.3.3.选择结构:if和switch
<script> var score=78; if(score>90){ console.log("A"); }else if(score>80){ console.log("B"); }else{ console.log("C"); } switch(paseInt(score/10)){ case 9; console.log('A') break; case 8; console.log('B') break; default: console.log('C') } </script>
4.3.4.循环结构//while do...while for
<script> var m=1;//循环输出1-100 while(m<=100){ console.log(m); m++; } var sum=0;//循环输出1-100的和 for(var n=1;n<=100;n++){ sum+=n; } console.log(sum); </script>