您的位置:首页 > Web前端 > JavaScript

1-JavaScript简介

2016-04-22 03:12 387 查看
JavaScript:是一种小型的、轻量级的、面向对象的、跨平台的客户端脚本语言。
JavaScript是嵌入到浏览器软件当中去的,只要电脑有浏览器就可以执行JS程序。
JavaScript是一种面向对象的程序语言。在程序中,对象是由“属性”和“方法”构成。
“对象”有各种各样的特征(属性),如:身高、体重、姓名等
“对象”有很多方法,如:“人”这个对象,开飞机、打电脑、上网(人的行为)等
跨平台:JS程序可以在多平台下运行
客户端脚本程序:JS只能在客户端的浏览器来运行,不能在服务器端来运行
浏览器是一个翻译器,可以翻译三种代码:HTML、CSS、JavaScript

JavaScript能干什么?
表单验证
动态HTML:可以实现一些动态的、重复的效果
交互式:人机交互,通过键盘或鼠标,与网页中的元素进行交互

<script></script>标记
JS代码也是嵌入到HTML标记中去的。同一个网页中,可以有HTML、CSS、JavaScript。
<script type=“text/javascript”></script>

常用的两个客户端输出方法
1、document.write(str)
描述:在网页的<body>中,输出str的内容
document意思“文档”,是一个文档对象,代表整个网页了。
write()是document对象的一个输出方法。
“ . ”小数点:通过小数点来调用对象的方法。
2、window.alert(str)
描述:在当前窗口中弹出一个警告对话框,str是弹出内容
window就代表当前浏览器,window是一个窗口对象。
alert()方法:弹出一个对话框。

JS中的注释
//(单行注释)或/* */(多行注释)

变量的声明
变量的声明,就相当于预定宾馆的“房间”。
语法格式:var 变量名;
声明变量是使用系统关键字var来进行的

变量的命名规则
变量名可以包含字母、数字、下划线
变量名不能以数字开头,可以以字母或下划线开头
变量名不能是系统关键字
变量名区分大小写
命名方式
变量名一定要有意义,遵循驼峰原则
下划线式命名:所有单词均小写,中间用下划线连接,如 :get_user_name

syntaxError:语法错误
变量的数据类型
JS中变量的类型:数值型、字符型、布尔型、undefined、null、array、object、function
JS中类型分类:1、基本数据类型2、复合数据类型
同名变量:下面的变量将替换上面的变量
1、数值型:可以进行算术运算(整型、浮点型和NaN)
     数值型中还有一个特殊的值NaN(not a number),当其他的数据类型,转成数值型,转不过去,但程序又不能报错,这时返回NaN。
2、字符型:用单引号或双引号,引起来的一串字符
字符串的“ + ”:是连接字符串,不是“加法”,是“连接运算”
运算时,只能进行同类型运算。如果类型不同,将进行类型转换。
单引号和双引号之间可以相互嵌套,且双引号只能嵌套单引号
如果想在双引号内,再嵌套双引号,里面的双引号,一定要进行转义“ \ ”
遇到反斜杠时,对其后的第一个字符惊醒特殊处理,视为普通字符
弹窗中的换行,只能使用\n来实现,不能使用<br>,body中才会解析<br>
3、布尔型
     布尔型又称为逻辑型。只有两个值:true和false
4、未定义型
当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined
当一个对象的属性不存在时,也返回未定义型
5、空型
当一个对象不存在时,将返回空型,空型的值只有一个null
如果想清除一个对象的值,可以赋值null

变量的数据类型转换
     变量的类型转换,一般情况是JS自动转换的,但也有些时候需要手动转换
强制转换boolean函数:boolean()
强制转换string函数:string()
强制转换数值型函数:Number()

函数和方法的区别
函数是可以独立使用的
方法不可以独立使用,方法是必须属于哪个对象

判断变量的数据类型:typeof()
使用一元运算符typeof(),可以测试一个变量的类型
typeof()的结果字符串有几种情况:“string”、“number”、“boolean”、“undefined”、“object”、“function”
注意:null、对象、数组这三种类型,都将返回“object”

从字符串中提取整数或浮点数的函数(系统函数或全局函数)
1、parseInt()
功能:从一个字符串中,从左到右提取整型。如果遇到非整型的内容,则停止提取,并返回结果。
注意:如果第一个字符就是非整数,则立即停止,并返回NaN
2、parseFloat()
     功能:在一个字符串中,从左往右提取浮点型;遇到非浮点型内容,则停止提取,并返回结果。
     注意:如果第一个字符是非浮点型,则立即停止,并返回NaN

window.prompt()
功能:弹出一个输入框,让用户来输入内容
语法:var xx = window.prompt(text[,defaultText])
参数:
text:提示信息
defaultText:可选项,输入框的默认内容

返回值
确定,返回字符串数据
取消,返回null
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: