JavaScript入门必须会的知识（一）

转载请注明出处：https://blog.csdn.net/qq_41254299
本文出自【Superclover_的博客】

JavaScript的开始

介绍

1. HTML 搭建页面结构和内容，CSS 用于美化页面，而 JavaScript 是用来给页面添加动态效果和动态内容的。
2. 历史：1995年由NetScape(网景)公司发布，LiveScript，同年更名为JavaScript。

特点

1. JS 属于脚本语言不需要编译，由浏览器解析执行
2. JS 属于弱类型语言
3. JS 基于面向对象
4. 安全性，只能访问浏览器以内的数据，电脑上面的文件或者其它程序的数据是不能直接访问的

引入JS的三种方式

1. 内联，在元素的事件中添加
   
   
2. 内部，在 html 页面 head 标签内添加 script 标签
   
   

3. 外部，在单独的 js 文件中写 js 代码，通过 script 标签的 src 引入 js 文件， 如果标签内写了 src 属性则不能在 script 标签内继续写 js 代码
   

JavaScript语法

常见的基本数据类型

type	usage
数值类型 Number	整数或者浮点数，例如：28 或者 3.14159
字符串类型 String	字符串是一串表示文本值得字符序列，例如：var s1 = “Hello”; ，var s2 = “123”;
布尔值类型 Boolean	分别是 true 和 false
未定义类型 Undefined	和 Null 一样是一个特殊关键字，undefined 表示变量未定义是的属性
对空 Null	一个表明 null 值的特殊关键字

1.null不等同于空的字符串 (" ") 或 0。
2.null与undefined的区别：null表示一个变量被赋予了一个空值，而undefined则表示该变量尚未被赋值。

变量

• 因为 JS 语言属于弱类型的语言，所以声明变量的时候不需要指定类型，直接赋值即可：
  var x = 7; var y = 2; z = x * y; z=14;
  
• 数值类型中的特殊值 NaN , Not a Number(不是一个数)，判断一个变量是否是数的方法是 isNaN();

各种类型之间的隐式转换

• 数值类型

  • 转字符串：直接转 例如： 18 —> “18” , “abc”+18 —> “abc18”

  • 转布尔值： 0 和 NaN 转 false ， 其他数值转 true

• 字符串类型

  • 转数值：能转直接转，不能转转成 NaN
  • 转布尔值：空字符串转 false，其它转 true
    

• 布尔值

  • 转字符串：直接转 true —> “true”
    
  • 转数值： true —> 1， false —> 0
    

• 未定义类型

  • 转字符串：直接转
  • 转数值：NaN
  • 转布尔值：false

• Null类型

  • 转字符串：直接转
  • 转数值：0
  • 转布尔值：false
    剩下的类型转换作者就不多做测试，可自行动手，编程就是多动手动脑

运算符

• JS 中的运算符和 C、Java、C++ 这些语言大体相同
• 不同点：
  • == 会先统一两端变量的类型再对值进行比较
  • === 会先比较类型，如果类型不等则为 false，如果类型相等在比较值是否相等
    
    
• typeof 的返回值共有七种：
  • number, boolean, string, undefined, object, function,symbol
  • symbol 是 ES6 提供的新的类型
  • 对象，数组，null 返回 object
    typeof(null); ——> object
    typeof(window); ——> object
• 除法运算会自动转换整数和小数
  • 5/2=2.5
  • 6/2=3
  • 此外 JS 有提供转换函数 分别是 parseInt(); 和 parseFloat();
    
    Number(): 可以用于任何数据类型转换成数值；
    parseInt()、parseFloat(): 专门用于把字符串转换成数值；

语句

• 和 C、Java、C++ 这些语言大体相同。
• 不同点：
  • 在 if 和 while 后面的括号中如果不是布尔值会自动隐式转换成布尔值
  • for 循环中把 int i 改成 var i， JS中不支持增强for循环

函数（方法）

1. js声明方法的格式一：function方法名(参数列表) {方法体}
2. js声明方法的格式二：var 方法名 = function(参数列表) {方法体}
3. js声明方法的格式三：var 方法名 = new Function(“参数1”,“参数2”,“方法体”);
   

和页面元素相关的方法

1. 通过页面元素的id查找页面元素对象
   var d = document.getElementById(“abc”);
2. 修改和获取文本框的值
   var i = document.getElementById(“i1”);
   i.value=“abc”; //给文本框赋值
   alert(i.value); //获取文本框的内容
3. 给元素添加文本内容
   var d = document.getElementById(“d1”);
   d.innerText = “abc”;
4. 给元素添加html内容
   var d = document.getElementById(“d1”);
   d.innerHTML = “abc”

今天就讲到这，后续继续补上更多的知识
努力！努力
哈哈，我的笔记仅供参考学习，如有雷同纯属意外，有不足的地方多多指教