码迷,mamicode.com
首页 > 其他好文 > 详细

1、基本概念理解

时间:2017-08-01 19:16:15      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:时间类   用户体验   str   font   负数   指定元素   val   方式   confirm   

一、js引入方式
css引入方式:
  1、行内式
  2、内嵌式
  3、外链式 link标签
  4、导入式
js的引入方式:
  1、行内式
  2、内嵌式 script标签
  3、外链式 script标签的src属性,js文件的路径
外链式script标签里面不写js代码-->不执行不报错
  4、 相当于导入式 document.write(‘<script src="js路径"></script>‘)
二、js输出方式
  1、alert(); 在页面中弹出一个层
  // alert("hello");
  2.console.log();
// 要输出的内容,逗号隔开 ("a","b","c")
  // 里面放的都是字符串或者变量,带引号的,只有纯数字的时候可以省略引号//也可以放函数
// 一般用于调试,不会影响网页中的内容
  3.document.write();
  直接在页面中显示,不停的输出
  4、inner HTML/inner Text
  动态的向指定元素中添加内容
  5、console.dir
  6.confirm
  7.console.table
三、js组成
  1、ECMAscript : ES5 ES6 规定了js中的命名规范、变量、数据类型、基本语法、操作语句
  2、DOM : document object model 文档对象模型
  3、BOM : browser object model 浏览器对象模型

  html css js:
  先加载css文件(head里面,保证用户体验) 再加载html代码
  js代码通常放到body的最后面,js主要就是操作html元素的,
四、js命名规范
  1、严格区分大小写
  2、驼峰命名法(匈牙利命名法)
1)首字母小写,第二个有意义的单词开始首字母大写 不能用拼音和中文
2)可以由 数字 字母 _ $ 组成
3)不能以数字开头,也不能全部为数字
  3、避开关键字 保留字(未来可能作为关键字的)
  4、
五、js的变量
//变量:可变的量
// 变量的作用: 存储值 代表值
// var 变量名 = 变量值;
// = 赋值 左边变量名 右边变量值
// var 关键字 (关键字不可以作为变量名)
var a=123;
console.log(a); //--->"123" //输出的是变量代表的值
var zhufeng=1;
var c=[1,3,zhufeng];
// []里面数字、字符串,若直接放字母会被视为变量
var s=(1,3,"zhufeng",4);
// 意思是重复给c赋值,最后赋给的是"zhufeng" --->"zhufeng"
console.log(c);
console.log(s);
var x=
console.log(x);
//只声明不赋值 不知道什么类型 undefined
六、js中的数据类型
1、基本数据类型:
  1)数字number
  2)字符串string (js中不区分单双引号)
  3)布尔boolean : true/false
  4) null
  5) undefined
2、引用数据类型:
  对象object :Object Array RegExp String Boolean Date Math

  函数function :var fn=function(){ };
七、number
1、数字数据类型: 数字(正数 负数 0 小数),  NaN 。
  =赋值
  ==比较 -->true/false
  特殊:NaN==NaN -->false
2、isNaN( ); --true/false
  作用:检测一个值是不是有效数字
  ()里面放字符串 数组 ,不放{},{}比较特殊
  如果要检测对象是其他数据类型,会默认先进行Number转换。
3、Number() 强制转换
  如果要转换的对象是字符串,字符串中必须全部为数字,否则反返回NaN

4、parseInt()parseFloat() 非强制转换
parseInt :从左到右依次查找 只要遇到一个字符不是数字,就停止查找
parseFloat:多识别一个点,第二个点就不能识别了
  特殊:parseInt:(".3") -->NaN
  parseInt:(.3) -->0
八、Boolean
1、布尔类型 : true false
0 NaN "" null undefined 为false,其余都为true
!取反:先将这个值转为布尔类型( Boolean()), 再取反
!! 相当于直接转化为布尔类型。等价于 Boolean()
九、对象 {}
1、对象:由多组属性名和属性名的键值对(key:value)组成,逗号隔开
  var obj={
        name:"123456",
        age:8
    };

    var student={
        name:"dalyn",
        age:20,
        sex:"你猜",
        add:"北京"
    };
2、对象的创建方式
var obj={name:"zhufengpeixun"}; //字面量创建方式

var obj1=new Object(); //实例创建方式 就是这样的格式 记住
  ()里面可以放数字 会显示在最后面

3、增加属性名和属性值
obj1.name="珠峰";
obj1["age"]="培训";
console.log(obj1);
4、修改属性名对应的属性值
obj1.age=8;
console.log(obj1.age)
//获取一组属性名的属性值
//输出属性名对应的属性值

5、删除一组属性
delete obj1.name; //真删除
obj1.age=null; //假删除
console.log(obj1);
// 对象 类 实例
// js中万物皆对象,而类是对象的细分,实例为类中一个具体的实例

//对象数据类型中,
// Object(对象类) Array(数组类) RegExp(正则类) String(字符串类) Boolean(布尔类) Date(时间类) Math(数学类) , 这些类中的实例是对象数据类型 (这些类不是,实例才是)。
十、数据类型之间的比较
    // == 比较, 返回:true false
//1、相同数据类型直接比较即可,  但是对象与对象比较永远是false
    //    ^_^
//2、不同数据类型之间的比较
//  1)对象==字符串:对象转化为字符串( 对象.toString() ),然后是字符串之间的比较
    //    []=="" --->[].toString()运算  ---> true
//    特殊:[0.3]=="0.3"  ---》true
//            [.3]==".3"  ---》  false
//   [.3].tostring() -->"0.3"   然后 "0.3"==".3"  所以false
//  2)对象==布尔  对象转为字符串再转为数字  布尔转为数字
//Number("") ---> 0
//Number(false) ---> 0
//Number(ture) ---> 1

//  3)对象==数字  对象转为字符串再转为数字

//    4)布尔==字符串  布尔转数字 字符串转数字

//    5)布尔==数字

//    6)字符串==数字

//    7)null==undefined ---》true
//    8)null 或者 undefined与其他任何值比较都是false

//3、===  两侧数据类型必须相同  否则false
//    严格比较 绝对比较
//    null === undefined  ---> false

    []==""  --->true
    ![]=="" --->true   不同数据类型  先执行! 再比较

    ![]==[] --->true
    []==[] -->false
十、检测数据类型
//    typeof 空格后面就是要检测的值   检测数据类型
//typeof 的返回值是字符串类型的,字符串里面有:number string boolean undefined object function   六种
//局限性:不能检测对象数据类型下面具体的细分
    console.log(typeof 123);

//   特殊:
    console.log(typeof null); //----> object
    console.log(typeof typeof [])  //--->string 有两个或以上的typeof 都返回的是string
//其他三种:
    constructor
    instanceof
    Object.prototype.toString.call()
 
 
 

1、基本概念理解

标签:时间类   用户体验   str   font   负数   指定元素   val   方式   confirm   

原文地址:http://www.cnblogs.com/dalyn/p/7269689.html

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