侵删前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (一)- 语言基础
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (一)- 语言基础 - JAVASCRIPT 入门教程
示例 3 : 语言基础,BOM和DOM
完整的javascript由语言基础,BOM和DOM组成。
只有通过javascript操作DOM对象的时候,才会带来很好的实用效果,而本章节只会涉及到语言基础和BOM部分,DOM部分另外记录。
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (二)- 语言基础 - JAVASCRIPT 标签
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (三)- 语言基础 - JAVASCRIPT 注释
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (四)- 语言基础 - JAVASCRIPT 变量
使用var声明一个变量
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (五)- 语言基础 - 调试办法
Javascript的运行和Java不一样,没有一个像eclipse这样的集成开发环境(IDE)。
尤其在刚开始学习的时候,更加推荐直接使用记事本来编写,而不是依赖于其他的有提示功能的编辑器(Sublime),这样更加利于暴露自己编写的javascript代码的问题,并纠正和学习。
但是依然存在一个调试的问题,本知识点只是讲解各种调试的办法。
步骤 1 : alert进行调试
步骤 2 : 使用专业的调试工具
步骤 3 : 下载firefox
步骤 4 : 使用firefox 的调试功能
步骤 5 : console.log()
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (六)- 语言基础 - 基本数据类型
基本数据类型
undefined,Boolean,Number,String,null
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (七)- 语言基础 - 类型转换
伪对象概念:javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法。
变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度
示例 2 : 转换为字符串
示例 3 : 数字转字符串
示例 4 : 转换为数字
示例 5 : 转换为Boolean
示例 6 : Number()和parseInt()的区别
Number()和parseInt()一样,都可以用来进行数字的转换
区别在于,当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number)
parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分,如果以非数字开头,则返回NaN
String()和toString()一样都会返回字符串,区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错,无法执行
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (八)- 语言基础 - 函数
示例 1 : 函数
示例 2 : 带参数的函数
示例 3 : 带返回值的函数
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (九)- 语言基础 - 阶段性练习1
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十)- 语言基础 - 阶段性练习2
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十一)- 语言基础 - 作用域
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十二)- 语言基础 - 事件
事件是javascript允许html与用户交互的行为。 用户任何对网页的操作,都会产生一个事件。
事件有很多种,比如鼠标移动,鼠标点击,键盘点击等等。
本例演示当一个按钮被点击的时候,弹出一个对话框。
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十三)- 语言基础 - 算数运算符
示例 1 : 基本算数运算符
示例 2 : 自增,自减运算符
示例 3 : 赋值运算符
示例 4 : +运算符的多态
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十四)- 语言基础 - 逻辑运算符
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十六)- 语言基础 - 循环语句
常用的循环语句有: for, while, do-while, for-each
都是用于在满足条件的前提下,重复执行代码用的
前端部分 / JAVASCRIPT / JAVASCRIPT系列教材 (十七)- 语言基础 - 错误处理
JavaScript提供了一种try catch的错误处理机制,当有错误抛出的时候,可以catch住。
在本例中故意调用不存在的函数f2, 因为函数f2不存在,所以会出错,并且会中断执行。 导致后面的代码也不会执行了。
对f2()调用进行try catch的处理。 捕捉到了该方法未定义的错误。并打印出来。
后续的代码,也就可以继续执行了。