转载请注明出处:https://blog.csdn.net/qq_41254299
本文出自【Superclover_的博客】
JavaScript的开始
介绍
- HTML 搭建页面结构和内容,CSS 用于美化页面,而 JavaScript 是用来给页面添加动态效果和动态内容的。
- 历史:1995年由NetScape(网景)公司发布,LiveScript,同年更名为JavaScript。
特点
- JS 属于脚本语言不需要编译,由浏览器解析执行
- JS 属于弱类型语言
- JS 基于面向对象
- 安全性,只能访问浏览器以内的数据,电脑上面的文件或者其它程序的数据是不能直接访问的
引入JS的三种方式
- 内联,在元素的事件中添加
- 内部,在 html 页面 head 标签内添加 script 标签
- 外部,在单独的 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
- 转字符串:直接转 true —> “true”
-
未定义类型
- 转字符串:直接转
- 转数值: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循环
函数(方法)
- js声明方法的格式一:function方法名(参数列表) {方法体}
- js声明方法的格式二:var 方法名 = function(参数列表) {方法体}
- js声明方法的格式三:var 方法名 = new Function(“参数1”,“参数2”,“方法体”);
和页面元素相关的方法
- 通过页面元素的id查找页面元素对象
var d = document.getElementById(“abc”); - 修改和获取文本框的值
var i = document.getElementById(“i1”);
i.value=“abc”; //给文本框赋值
alert(i.value); //获取文本框的内容 - 给元素添加文本内容
var d = document.getElementById(“d1”);
d.innerText = “abc”; - 给元素添加html内容
var d = document.getElementById(“d1”);
d.innerHTML = “abc”
今天就讲到这,后续继续补上更多的知识
努力!努力
哈哈,我的笔记仅供参考学习,如有雷同纯属意外,有不足的地方多多指教