JavaScript01

1.简介

提升前端用户体验、交互；
拼的不是功能，是用户体验和性能；
三大基友：html+css+js；

2.JS的组成

2.1 ECMAScript

1. 这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。
2. 语法标准

• 变量和数据类型
• 运算符
• 逻辑控制语句
• 关键字、保留字
• 对象

3. 编码遵循ECMAScript标准

2.2 DOM

文档对象模型：Document

2.3 BOM

浏览器对象模型： Brow Object Model

3. Java与Javascript比较

• Java代码需要编译才能执行，而JS代码不需要编译就能执行； Java是基于服务端的语言，JS是基于客户端的语言。
• 什么叫基于服务端和基于客户端？
  简单理解，就是需要在服务端执行的或需要在客户端执行的。
• js区分大小写；js语句结尾尽量写分号；大部分语法与java相同；js中注释jav相同
  // /* /**

4.JavaScript学习重点

4.1表单验证：

1. 在向服务器提交前，先做判断输入的信息是否符合要求；
   不符合的立即提示用户，符合的就把数据往服务器发送。
2. 常用的表单元素有：
   文本框（text）、密码框（password）、多行文本框（）
   单选按钮（radio）、复选框（checkbox）、列表框（和）
   按钮（button、submit和reset）

5.JS的使用

5.1 内置JS代码

 <script type="text/javascript">
    <!--
        javascript语句; 
    -->
    </script>

5.2 数据类型

• undefined 未定义，变量被声明后，未被赋值
• boolean true和false
• string 用单引号或双引号来声明的字符串
• number 整数或浮点数
• object javascript中的对象、数组和null

5.3 声明变量

• var 变量名=值;
• 变量名=值;

 //只有z是10，x和y声明了但没赋值。
 var x,y,z=10;
 //全局变量
   var c = 1;
//局部变量
   let d = 2;

== 注意：变量的数据类型由存入的数据来决定 ==

5.4 输出语法

• 页面输出

    document.write("");
   //输出一个字符串
   document.write("hello world");   //显示一行字符串
   document.write(1234);            //显示一行数字
   document.write(sname);           //显示变量的值

• 控制台输出

//将内容输出到控制台
		console.info("^_^");
		console.log("*_*");

5.5运算符

只做运算，不做取整

alert(10/3);   //3.33333335
alert(parseInt(10/3)); //取整数部分：3

5.6 弹出框

1. 弹出消息框
2. 询问消息对话框 : 带确定和取消按钮的
   怎么判断点的是确定还是取消？
   采用if条件判断语句
3. 输入消息对话框

//1.弹出消息框
   alert("消息框内容");
   写在控件里面：
   <input type="button" value="确定" onclick="javascript:alert('你点了我')">

  
//2.询问消息对话框：带确定和取消按钮的
   confirm("你确定要删吗？");
  // 怎么判断点的是确定还是取消？
   //返回的是boolean类型，点“确定”返回true，点“取消”返回false。
   confirm()
   //if条件判断语句
   if(confirm("你确定要删除？")){
        document.write("点了确定");
   }else{
        document.write("点了取消");
   }

   //3输入消息对话框
   prompt("提示信息","输入框的默认信息");

   prompt("请输入姓名","张三");

   prompt("请输入姓名");

  // 对输入的信息进行捕捉：
   var a=prompt("请输入","0");
   var b=prompt("请输入","0");
   var c=a+b;   //注意，这里的+是连接符
   alert(c);
 //得到的数据类型是字符串，+变成了连接符。
   prompt();

5.7 for循环

//打印三角形
	for(var i=1;i<=x;i++)
	{
		for(var j=0;j<i;j++)
		{
			document.write("*&nbsp;&nbsp;&nbsp;");
		 }
			document.write("<br/>");
	}