![v2-e2a3491eaf73bbb19a894cc284407cfd_1440w.jpg?source=172ae18b](http://img-01.proxy.5ce.com/view/image?&type=2&guid=c9e4bbb6-b92e-eb11-8da9-e4434bdf6706&url=https://pic1.zhimg.com/v2-e2a3491eaf73bbb19a894cc284407cfd_1440w.jpg?source=172ae18b)
JS的学习
1.JavaScript 的概念
JavaScript 一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,它是基于对象的脚本语言(不用像Java一样序列化成二进制的字节码文件,比较灵活,只有var这一中变量类型)
1.1为什么学习 JavaScript(作用)
1)html+css 只是可以实现静态的页面无法实现动态的效果
2)表单的校验
3)背景图片的更换
4)操作节点的信息
5)一些游戏的制作
等等
2 JavaScript 组成
JavaScript由ECMAScript,DOM,BOM 组成
ECMAScript:JavaScript的核心
DOM:(文档对象模型)DOM(文档对象模型)是 HTML 和XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档
BOM:(浏览器对象模型)对浏览器窗口进行访问和操作
3 .JS引入方式
<
1)alert()
网页中的弹框,alert(使警觉)
alert()方法用于显示带有一条指定消息和一个OK按钮的警告框
type:引入文件的类型 src: 引入文件的路径 charset:指定引入的编码
- 注意:引入js 的时候千万不要二合一(即两种方法不能交叉)。、
3)在<head/>中直接编写js的引用优先级大于在js.文件中编写的优先级(暂定)
4)虽然在任何地方都可以引用成功,但最好还是在<head/>标签中
4.JS中变量的声明
var 变量名=值;
JS的变量名,函数名严格区分大小写;
JS中没有字符和字符串之分,单引号和双引号都可以使用;
JS中变量声明不赋值的情况下,默认值为undefined(null:空对象赋值,主要是和undefined进行区分)
注意:
- JS可以声明同名的变量,不会报错,但后面的会将前面的声明覆盖(Java中不可同时声明同一个变量名)
- js中的变量的名称和java中标识符的命名保持一致就可以了
3)js中末尾即使没有分号结束也是可以的,但不推荐
4.1为什么只有var一种变量类型?
因为它是作用到浏览器上的(不像Java语言有虚拟机那样),为了提升解析速度,所以就只有一种类型。
5. JS中的数据类型
5.1数据类型有:
number
string(小写的s)
boolean
Object
JS 中特殊数据类型:
undefined(未定义)
NaN(不是一个数字) not a number
null(空对象)
5.2示例
var a="";
var b=null;
var c;
var d=true;
alert(typeof a);//string
alert(typeof b);//object
alert(typeof c);//undefined(未声明的)
alert(typeof d);//boolean
注意:null是一个对象(object),它和没有定义(undefined)不一样,””是一个空的字符串(string),和前两者也不一样。
6 .JS中的运算符
6.1算数运算符
+ - * / % ++ --
注意:JS中在算术运算中如果两边的数据类型不是number的话,会使用number()强转后再进行运算(字符串的加法会作为字符连接符,不会运算)
6.2逻辑运算符
& | ! && || ^ < > <= => !=
6.3连接符
+
6.4特殊运算符
(==)等值符
先比较类型 如果类型一致,再比较内容如果类型不一致,这时候会进行强制转换统一转number类型,然后再进行内容的比较
(===)等同符
先比较类型 如果类型一致,再比较内容如果类型不一致, 直接返回false;
<script type="text/javascript">
var a="";
var b=null;
var c;
var d=true;
var e=false;
var f=true;
alert(typeof a);//string
alert(typeof b);//object
alert(typeof c);//undefined
alert(typeof d);//boolean
alert(typeof d==e);//false
alert(d==f);//true
alert(d&e);//0
alert(d&f);//1
alert(d|e);//1
alert(null==undefined)//true
alert(null===undefined)//false
alert("你好韩梅梅");
</script>
7 .控制语句
条件,分支,循环语句都和Java一样
条件语句
if(){}
if(){}else{}
if(){}else if(){} else if()...else{}
分支语句(选择语句)
switch(){
case value: break;
default: break;
}
循环语句
while(){}
至少执行一次循环体
do{}while()
for(var i =0 ; i<10;i++){}
alert 弹窗式跳出,document 输出到页面
换行和空格还是用的网页的标签<br/> 和  (注意加引号)
for(var i=1;i<=9;i++){
for(var j=1;j<=i;j++){
document.write(j+"*"+i+"="+j*i +"  " );//document 输出到页面,不再是弹窗
}
document.write("<br/>");
}