JS基础-CSDN博客

本文链接：https://blog.csdn.net/qq_33858344/article/details/89471315

JS

一.JS简介

1.什么是JS

全称:JavaScript

JavaScript是javaweb不可缺少的一名语言,是不用编译就可以执行的语言,它"寄生"在html中随网络传输到客户端,在浏览器内存中运行.

2.JS的作用

1.让浏览器动起来

2.让网页动起来

3.JS的组成

1.ECMAScript 语法规范

2.bom 可以调用bom对象,是浏览器动起来

3.dom 可以调用dom对象来是网页动起来

二.JS的基本语法

1.变量的定义

      var a = "张三";
      var b = 1;
      ...

注意:在JavaScript中所有的变量都用var 来定义

2.基本数据类型

1.string表示字符串类型

2.number表示数字

3.boolean表示boolean类型

4.object表示对象类型(有9个内置对象)

5.undefined表示为定义类型

3.运算符

1.== 和 ===

"==" 表示的是数值相等

"==="表示的是数值和数据类型也相等

2.其他的运算符与java类似

3.流程控制语句

if判断 false, 0, "", undefined, null 是false；其它是true

4.函数

1.普通函数

  
  //格式:
  function 函数名(参数1,参数2,...){
      函数体;
  }

2.匿名函数

  
  //格式:
  var fu = function(参数1,参数2,...){
      函数体;
  }

3.函数是没有重载

  
  function show(参数1){}
  function show(参数1,参数2){}
  //如果函数名相同,只会调用最后一个函数不会调用前面的函数

5.事件

a.概念

事件源如:被点击的按钮

事件(监听器)监听事件上发生的动作和事件的变化如监听按钮是否被点击了

事件行为如:按钮被点击后要执行的代码

5.1事件(监听器)

javaweb中常用的有:

onclick 监听鼠标点击事件

onchange 监听区域内容事件

onsubmit 监听表单提交的

onload 监听加载

三.BOM

1.bom对象的简介 (Browser Object Module)

浏览器对象模型,是把浏览器抽象程一个对象,然后通过调用对象来操作浏览器

2.有哪些bom对象

window 把浏览器窗口封装成一个对象

location 把浏览器地址封装成一个对象,可以操作对象,跳转

history 把浏览器的浏览地址封装成一个对象,可以操作历史记录,进行前进,后退

screen 浏览器的屏幕显示信息对象,可以操作浏览器的大小,颜色.位置等等显示信息

navigator 浏览器信息对象,只读. 可以获取浏览器的的内核,版本.操作系统等信息

1.window 的弹窗

  
      //普通弹窗
      alert();
      //确认弹窗  返回bolean值,确定返回true 取消返回false
      confirm();
      //输入框弹窗 返回输入的内容,确定返回string ,取消返回null
      prompt();

2.定时器:

  
      //定时多次操作
      var timer = setInterval(函数,时间毫秒值);
      clearInterval(timer);
      //定时一次操作
      var timer = setTimeout(函数,时间毫秒值);
      clearTimeout(timer);

通过location来操作对象

获取当前地址 var url = location.href;

网址跳转: location.href = "http://www.baidu.com";

页面刷新:location.reload();