Javascript

js的作用

目前学习的作用有两个:

1. js可以动态的修改html及css的代码(修改的是浏览器内存中的那一份代码)
2. js可以对表单进行校验

js的组成

1. ECMAScript:js的基本语法
2. BOM:Brower Object Model 浏览器对象模型,主要获取浏览器信息或操作浏览器
3. DOM:Document Object Model 文档对象模型, 此文档暂且理解为html,html加载到浏览器的内存中,可以使用js的DOM技术对内存中的html节点进行修改,用户从浏览器看到的是js动态修改后页面

js的引入方式

js的引入方式有两种
1. 内部js:也就是在html源码中嵌入js代码
需要注意的是:<script> 标签可以在html页面中的任何地方。而且一个页面中可以有多个<script> 标签

1. 外部js:将js代码单独写成一个js文件(扩展名为.js,而不是javascript)

   <script type="text/javascript" src="../js/1.js"></script>
   

js的基本语法

js变量的定义和注释及数据类型

• js是弱类型语言,不重视类型的定义,但js会根据变量赋值的情况自定判断该变量是何种类型,js的变量的定义直接通过var关键字就行。
• 数组: var arr = [111,222,333];

使用typeof()判断当前的数据类型
var value;
typeof(value); //结果是 undefined
value = null;
typeof(value); //结果是object
– 当前测试结果表示：
- undefined表示声明了变量但是没有给数据，没有初始化变量的内容——因此，理解为未定义。
- null表示当前对象是一个引用类型对象，并且，当前对象复制为空——因此，理解为空对象。

js的运算符

js的逻辑语句

js的函数

• 普通函数

  • 执行调用

    function demo(){
        alert("你好世界");
    }
    demo();     
    

  • 方法需要返回结果直接加return

    function demo(){
        return "你好2018!!!";
    }
    alert(demo());
    

  • 给方法设置参数,直接写变量名称就行

    function demo(value){
        alert(value);
        }
        demo("hello world");
    

  • js方法没有重载,方法名相同,后一次定义的方法会覆盖前一次定义的方法

• 匿名函数
  注意:匿名函数没有办法直接调用,一般情况下匿名函数有两种使用场景:
  
  • 第一种:将匿名函数赋值给一个变量,使用变量调用函数
    
    • 定义函数并赋值变量:var fn = function(参数列表){js 逻辑代码}
    • 调用函数:fn(实际参数);
  • 第二种:匿名函数直接作为某个函数实际参数
    
    • 例如:
      function xxx(数字类型参数,字符串类型的参数,函数类型的参数){
      // js 逻辑代码
      }
      调用该函数:
      xxx(100, “abc”, function(){});

js的事件

事件名	描述
onclick	鼠标点击某个对象
onload	某个页面或图像被完成加载
onsubmit	当表单提交时触发改事件—注意事件源是表单form
onblur	元素失去焦点(离焦事件)
onchange	用户改变域(input输入框)的内容

js的BOM

js的BOM概述

BOM(Browser Object Model),浏览器对象模型,是将我们使用的浏览器抽象成对象模型,通过js提供的浏览器对象模型可以模拟浏览器功能

js的BOM对象中包括那些内容

• Window对象, 表示一个浏览器窗口或一个框架
• Location对象, Location对象是windows对象的一部分,可以通过window.location属性来访问。

• 弹框的方法

  • 提示框:alert(提示信息)
  • 确认框:confirm(提示信息)

• 定时器:setlnterval(fn, milliseconds)

  • fn:定时器要执行的方法
  • Milliseconds:每次执行方法的时间间隔