JavaScript基础

来源:互联网 发布:淘宝商城阿依莲品牌店 编辑:程序博客网 时间:2024/06/05 15:29

JavaScript是Web页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译,而是直接嵌入在HTML页面中,把静态页面转变成支持用户交互并响应相应事件的动态页面。

JavaScript在HTML中的使用

在web页面中使用JavaScript有以下两种方法:

  1. 列表一种是在页面中直接嵌入JavaScript代码内容。在HTML可以使用<script>…</script>标记将JavaScript脚本嵌入其中。在HTML中可以使用多个<script>标记,每个<script>标记中可以包含多个JavaScript的代码的集合。
  2. 另一种是链接外部JavaScript文件。如果脚本代码比较复杂或是同一段代码可以被多个页面所使用,则可以将这些脚本代码放置在一个单独的文件中(保存的文件扩展名为.js),然后需要在使用该代码的web页面中链接该JavaScript文件即可。
    在web页面中链接外部JavaScript文件的语法格式如下:<script language="JavaScript" src="JavaScript.js"></script>

JavaScript数据结构——变量

变量的声明和赋值
var x=10;       // 数字
var y=”hello”;    // 字符串
var z;         // 未定义
var m=true;      // 布尔型
var n=[1,2,3,4];    //数组型
var i=null;      //空
var info={
name:”zhangsan”,sex:”男”,age:24//
};

三种调用方式:
var car=[1,2,3]
1.普通数组调用方式:
数组名[索引值] //car[0]
var obj={a:1,b:2,c:3}
2.普通对象调用方式:
对象名.键值名 //obj.a
var obj=[{a:1,b:2},{a:3,b:4},{a:3,b:1}]
3.复杂对象调用方式:
对象名[索引值].键值名 //obj[0].a

变量作用域
局部变量 :只在函数内部起作用,在函数执行结束后,自动消毁
全局变量: 整个页面中起作用,在页面关闭后消毁
如果在函数内部定义变量时,没有写初始化var ,则视为全局变量

三种弹框,两种输出

1.三种弹框
alert() 弹框(警告框)
confirm() 确认框
prompt(“提示信息”,默认值) 输入框

2.两个输出
document.write() 在页面中输出
console.log() 在调试平台

运算符

1.typeof();//检测数据类型
2.算术运算符:
+-*/ % ++ –
a++ 即a=a+1
a– 即a=a-1
a++和++a区别:
区别在赋值时,a++ 先赋值后自加,++a 先自加,后赋值
3.赋值运算符:
+= -= *= /= %= =
+号: 功能1,连接功能
   功能2,数据相加
4.比较运算符
== 等于
=== 绝对等于
!= 不等于
!== 绝对不等于  >大于
< 小于      >= 大于等于
<= 小于等于
比较运算符结果一般都为布尔值(true/false)

5.逻辑运算符
与 &&  或 ||  非 !
x&&y //与 两边都为true,结果为true
x||y //或 两边只要有一个为true,结果就为true
!x //非 你为true,我为flase
6.条件运算符(三目运算符)
语法: (条件)?”条件成立时输出的值”:”条件不成立时输出的值”

JavaScript流程控制语句

条件控制语句

if语句
if(expression){    statement 1}else{    statement 2}
if…else语句
if(expression){    statement 1}else{    statement 2}
if…else if语句
if(expression 1){    statement 1}else if(expression 2){    statement 2}……else if(expression n){    statement n}else{    statement n+1}
switch语句
switch(expression){        case judgement 1:            statement 1;            break;        case judgement 2:            statement 2;            break;        case judgement 3:            statement 3;            break;         ……        default:            statement n+1;            break;    }

循环控制语句

while语句
while(expression){    statement}
do-while语句
do{    statement}while(expression);

while和do while区别:
while先判断后执行语句,
do while 会先执行语句,再判断
当条件不成立时,while语句停止循环,do while 至少会运行一遍程序

for语句
for(initialize;text;increment){      statement}  //for(初始化语句;循环条件;用来指定循环变量的步幅)
continue与break

continue:退出当前一轮循环
break:直接跳出循环

原创粉丝点击