Javascript基本用法
Javascript字面量
Javascript变量
Javascript注释语法
Javascript数据类型
Javascript对象
Javascript函数
Javascript作用域
Javascript事件
绝对等于和绝对不等于
遍历对象的属性
Javascript typeof操作符
Javascript 构造器属性
JavaScript 变量提升
函数提升(Hoisting)
JavaScript 严格模式(use strict)
href="#"与href="javascript:void(0)"的区别
目前,Javascript已广泛运用于前端应用的实现中,其中值得一提的是 SpreadJS纯前端表格控件,SpreadJS是基于HTML5的JavaScript电子表格和网格功能控件,能将电子表格、数据可视化及计算功能集成在JavaScript Web应用程序中。
-
Javascript代码写在<script>标签内
-
Javascript代码可以写在body标签内
-
Javascript代码可以写在<head>标签内
-
Javascript代码可以写在外部的独立js文件内
Javascript显示数据的方法在<body>和<head>标签内的Javascript代码是不同的,在<head>标签内的JS代码在页面加载的时候就会运行,而在<body>内的JS代码只有在需要的时候才会执行。一般会把多个页面都是用到的JS代码放到独立的js文件中。
- 使用弹出框window.alert( )或者alert( )方法。其中,window是Javascript的一个内置对象,可省略不写。
- 使用document.write( )方法直接写入html源码。
- 使用console.log( )方法将调试信息打印到浏览器控制台。
Javascript字面量
Javascript变量
Javascript语句标识符注意,没有使用var关键字标识的字段都是全局变量,使用了var关键字标识的变量如果在方法内声明,则为局部变量,否则也为全局变量,主要观测其所在的作用域。
Javascript代码折行在Javascript中,也有类似于Java和C#等高级面向对象语法的语句标识符,主要有break/try...catch/continue/do...while/for/for..in/function/if...else/return/switch/throw/while/var
使用`\`可以对JS代码进行折行处理:
Javascript注释语法
- 使用//进行单行注释
- 使用/* ... */进行多行注释
Javascript数据类型
- 字符串(String)类型
- 数字(Number)类型
- 布尔(Boolean)类型
- 数组(Array)类型
- 对象(Object)类型
- 空(Null)类型
- 未定义(Undefined)类型
Javascript对象
Javascript函数
Javascript作用域
- 在Javascript中,对象和函数也是一种变量。
- 作用域是可访问变量、对象和函数的集合。
- 函数作用域:作用域在函数内修改。
- 变量在函数内声明,则其作用域为局部作用域。
- 全局变量有全局作用域,网页中所有的脚本和网页都可以使用。
Javascript事件
绝对等于和绝对不等于
- ===表示绝对等于(值和类型都相等)
- !==表示绝对不等于(值或类型不相等)
遍历对象的属性
Javascript typeof操作符
Javascript 构造器属性
JavaScript 变量提升
- JavaScript 中,函数及变量的声明都将被提升到函数的最顶部。变量可以在使用后声明,也就是变量可以先使用再声明
- JavaScript 初始化不会提升
函数提升(Hoisting)
- 提升(Hoisting)是 JavaScript 默认将当前作用域提升到前面去的的行为。
- 提升(Hoisting)应用在变量的声明与函数的声明。
JavaScript 严格模式(use strict)
- "use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增
- 它不是一条语句,但是是一个字面量表达式,在 JavaScript 旧版本中会被忽略
- "use strict" 的目的是指定代码在严格条件下执行。严格模式下你不能使用未声明的变量。
href="#"与href="javascript:void(0)"的区别
- # 包含了一个位置信息,默认的锚是#top 也就是网页的上端。
- 而javascript:void(0), 仅仅表示一个死链接。
- 在页面很长的时候会使用 # 来定位页面的具体位置,格式为:# + id。
- 如果你要定义一个死链接请使用 javascript:void(0) 。
目前,Javascript已广泛运用于前端应用的实现中,其中值得一提的是 SpreadJS纯前端表格控件,SpreadJS是基于HTML5的JavaScript电子表格和网格功能控件,能将电子表格、数据可视化及计算功能集成在JavaScript Web应用程序中。