js 基本用法和语法

js 基础用法

点击事件

    <!-- 第一种点击事件方式 -->

  <!-- <div class="div" onclick="alert(0)">

    <!-- 点我 -->

  <!-- 第二种点击事件方式 -->

 <div class="div" >     

 点我

    </div>

<!-- <script>

        // 第二种点击事件方式

        window.onload=function(){

          var div=document.querySelector(".div");

          div.onclick=function(){

              alert(1);

          }

        }

    </script> -->

 

 <div class="div" >

        <!-- 第三种点击事件方式 -->

 点我

    </div>

<script src="./01js.js"></script> 链接

   window.onload=function(){

          var div=document.querySelector(".div");

          div.onclick=function(){

              alert(1);

          }

        }

   <!-- 第四种 点击事件方式-->  空连接不做任何跳转

<a href="javascript.void(0)">空连接</a>

 

js 基础语法

javascript  六种基本数据类型

Number  数值  整数和小数

 string   字符串 （字符） "" ""

 bool   true/false

 null 没有

 undefined 未定义

 symbol  es6

 

 js 有哪些内置对象

(1) Object 是 JavaScript 中所有对象的父对象

(2) 数据封装类对象：Object、Array、Boolean、Number 和 String

(3) 其他对象：Function、Arguments、Math、Date、RegExp、Error

 

object: 正则表达式 数组对象  字面量（json对象） function :

// json xml 字数传输

// 序列化 反序列化

// JSON.stringify() 序列化

// JSON.parse() 反序列化

 

json.stringify语法实例讲解

语法： 
　　JSON.stringify(value [, replacer] [, space])

• value：是必选字段。就是你输入的对象，比如数组，类等。
• replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。

　　情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行表示的。 所以，如果此时第二个参数的值在第一个存在，那么就以第二个参数的值做key，第一个参数的值为value进行表示，如果不存在，就忽略。

　　情况二：replacer为方法时，那很简单，就是说把系列化后的每一个对象（记住是每一个）传进方法里面进行处理。

• space：就是用什么来做分隔符的。

　　1）如果省略的话，那么显示出来的值就没有分隔符，直接输出来。
　　2）如果是一个数字的话，那么它就定义缩进几个字符，当然如果大于10 ，则默认为10，因为最大值为10。
　　3）如果是一些转义字符，比如“\t”，表示回车，那么它每行一个回车。 
　　4）如果仅仅是字符串，就在每行输出值的时候把这些字符串附加上去。当然，最大长度也是10个字符。

// + - * /   %
  +"字符串运算 连接字符串"

// %==取余

// js 当中有余数这一说，但是其他的会有（标准的语言）

// 因为JS 中整数和小数都有余数

js中%什么意思

1、在Javascript中，在语句执行中，%代表取模，俗称取余数，例如

10%10

return value: 0

10%20

return value: 10

2、在浏览器地址编码中，%可以代表一个编码的开始，例如

%20         代表的是空格

/ eg:

var a=3-"1";

console.log(a);

//

var a=1/"3";

console.log(a);

//

var a=(0.1*10+0.2*10)/10;

console.log(a==0.3);

面试题：

为什么0.1+0.2=0.30000000000000004 使用js回答这个问题 

// (0.1*10+0.2*10)/10;

//  =  ==和===的不同

// = 赋值

// ==之比较“转化成同一类型后的值”看“值”是否相等  “值”

/ eg:

console.log(a=2);  // 2  

console.log(a=="2"); // true

console.log(a==="2");// false

 

// parseInt 转化 取整 81.5 //81

// parseFloat

// isNaN Not a Number

// eg:

var a=parseInt('8a6.99');

console.log(a);

/ eg:

var a=parseInt('86.5+0.5'); //86

console.log(a);

//函数 含参数含返回值

// arguments 参数数组 (所有的数据都能传出)   伪数组可以当数组使用 有下标

function sum(a,b){

    console.log( arguments);

    console.log(a);

    return 1;

}

var a=sum(3,4,5,8,9);

console.log(a);// 7

/ eg:

var arr=new Array();

arr[0]=0;

arr[1]=1;

arr[2]=2;

console.log(arr);

var arr=[1,"2",3,function(){}];

console.log(arr);

// arr.shift(); 头部删除

// arr.unshift(); 头部添加

// arr.push();尾部添加

// arr.pop();尾部删除

var arr=[1,2,3,4,5];

arr.shift();

arr.unshift(2);

arr.push(2);

arr.pop();

console.log(arr);

//可以查看删除的元素

var arr=[1,2,3,4,5];

// var res=arr.pop();

// console.log(arr,res);

//开始位置 删除个数 ...添加数据（替换）

arr.splice(2,1,8); (2,1,8)

console.log(arr);