码迷,mamicode.com
首页 > Web开发 > 详细

JS概述

时间:2019-08-19 12:59:04      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:ring   pop   交互   概述   自定义   一个   fun   date   eve   

一。1.什么是JS

JS是一门基于对象和事件驱动的脚本语言

专门为网页交互而设计

主要应用在客户端(浏览器)

 

2.JS特点和优势

解释执行,不需要编译,直接执行源代码

基于对象

弱类型

 

交互性

安全性

跨平台性

 

3.如何在html中引入JS

3.1通过script标签内部书写JS

<script>

  function fn1(){
    ...

  }

  fn1();

</script>

3.2通过script标签引入JS文件

<script src="..."></script>

 

二。1.JS语法

1.1数据类型

  数值类型(number)

    底层全都是浮点型

    自动的和整型进行转换

    NaN(非数字)  isNaN();

  字符类型(string)

    基本数据类型

    可以用单引号或单引号

  布尔类型(Boolean)

  undefinded

    声明了变量但没有赋值

  null

    表示空值

1.2复杂数据类型

数组、函数、对象

 

2.变量和运算符

通过 var声明变量

变量本身不区分类型,所以JS是一门弱类型的语言

JS中的运算符和Java中的运算符大致相同

===,

typeof  返回变量的类型

 

3.语句

if...else..

循环

  while for

switch

 

4.数组

var arr1 = new Array();

var arr2 = new Array(....);

var arr3 = [];

var arr4 = [...];

属性:length

方法:

  pop();  数组中移除最后一个元素,并返回该元素

  push();  s数组最后一位增加一个袁术。返回新数组长度

  shift();  移除第一个元素

  unshift()  新增一个元素

  reverse();  翻转数组中的元素

  sort();  对数组中的元素排序

 

5.函数

  5.1:

  function 函数名([参数列表]){

    函数体

  }

  函数名([参数列表]);

  5.2:

  var 变量名/函数名 = function([参数列表]){

    函数体;

  }

  函数名称([参数列表]);

 

6.对象

6.1自定义对象

  function Person(){}

  var p1 = new Person();

  p1.name = "G";

  p1.age = 18;

 

  var p2 = new Person();

  function Person(name,age){

    this.name = name;

    this.age = age;

    this.run = function(){

      alert(this.name+this.age};

    }

  }

 

  var p3 = {

    "name":"zhang",

    "age":18,

    "run":function(){}

  }

 

6.2内置对象

String 对象

RegExg对象

Date对象

Math对象

Global对象

    

  

  

  

 

JS概述

标签:ring   pop   交互   概述   自定义   一个   fun   date   eve   

原文地址:https://www.cnblogs.com/gxlaqj/p/11376328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!