参考链接:http://how2j.cn/k/javascript/javascript-javascript-tutorial/519.html
一、JavaScript是什么
JavaScript用于网页和用户之间的交互,eg:比如提交的时候,进行用户名是否为空的判断。
完整的javascript由语言基础、BOM、DOM三部分组成。
javascript代码必须放在script标签中 script标签可以放在html的任何地方,一般建议放在head标签里
javascript都是放在script标签中的,一旦加载,就会执行、如果有多段script代码,会按照从上到下,顺序执行(不换行)
可以采用和css一样的手段,把javascript代码剥离出来,单独放在一个文件里,在html中引用该文件即可。
<
script
src
=
"http://how2j.cn/study/hello.js"
></
script
>
二、JavaScript的语言基础
2.1 document是javascript的内置对象,代表浏览器的文档部分,document.write("Hello Javascript"); 向文档写入字符串
2.2 JavaScript相关注释、// 单行注释、/* .. */ 多行注释
2.3 使用var声明一个变量、开头可以用 _$和字母 、其他部分可以用 $ _ 字母或者数字
<script> var x = 10; document.write("变量x的值:"+x); </script>
2.4 JS的七大基本数据类型
- undefined:当一个变量被声明了,却没有赋值的时候,叫做 undefined
- Boolean:Boolean变量有两种值,分别是true或者false
- Number:javascript中的Number可以表示十进制,八进制,十六进制整数,浮点数,科学记数法
- String:与java不同的是,javascript中没有字符的概念,只有字符串,所以单引号和双引号,都用来表示字符串。
- Array:集合
- object:对象
- null:空对象/对象不存在
var变量的类型是动态的,当值是整数的时候,就是Number类型,当值是字符串的时候,就是String类型
判断x元素的类型:+typeof x
2.5 基本类型转换
javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法。变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度
- 转换成字符串:无论是Number,Boolean还是String都有一个toString方法,用于转换为字符串
- 数字变为字符串:Number转换为字符串的时候有默认模式a.toString(),10进制和基模式自己决定几进制两种。
- 转换为数字:javascript分别提供内置函数 parseInt()和parseFloat(),被转换的字符串,同时由数字和字符构成,那么parseInt会一直定位数字,直到出现非字符。
- 使用内置函数Boolean() 转换为Boolean值,当转换字符串时:非空即为true
当转换数字时:非0即为true;当转换对象时;非null即为true
Number()和parseInt()一样,都可以用来进行数字的转换
区别在于,当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number)、parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分
String()和toString()的区别?
String()和toString()一样都会返回字符串,区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错,无法执行
2.5 调试的几种方法
- alert(1)会弹出一个对话框,里面的内容是1。换句话说,如果弹出了1,这个位置以上的代码,都是可以运行的。
- 点击快捷键F12,就会出现console页面。
- 类似于 alert进行调试, firebug有一个日志输出工具console.log()
三、函数
函数即一段可以重复使用的代码
<script> function print(message){ document.write(message); } print("第一句话"); print("<br>"); print("第二句话"); </script>
在函数内的参数为局部参数、在函数外的为全局参数
四、JavaScript的内置对象(需要new)
JavaScript中的对象是有着属性和方法的一种特殊数据类型。
- Number,
- 字符串String,
- 日期Date,
- 数组Array。
- Math,算数常用方法