Head first javascript(四)

if语句

if ( test condition )
    statement1;
else
    statement2;

// comments

/* comments ... */

script level:直接在<script></script>里面声明的变量相当与全局变量,可以直接在每个函数里面访问。在函数里面生命的变量只能在该函数里面访问而不能在其他地方访问,如果可以的话尽量使用局部变量。

switch语句

switch ( test data ){
    case ... :
        statement;
        break;
    ...
    default:
        statement;
        break;
}

for循环

for ( initial condition ; test ; update ){
    adtion;
}

数组 var name = new Array()

二位数组

var seats = new Array(new Array(5), new Array(5),...);

var showTime = ["12:30", "2:45", "5:00", "8:24"];

while循环

while ( test ) {
    action;
    update;
}

function:reduce, reuse, recycle

function name (args){
    body
    return value;
}

函数其实也是变量,函数名字是变量名,函数体是变量值

function showSeatStatus(seatNum){
    alert("...");
}

var showSeatStatus = function(seatNum){
    alert("...");
};

var myShowSeatStatus = showSeatStatus;

上面两种形式其实是一样的,当一个函数体单独出现而没有名字的时候,就是一个所谓的字面函数(function literal),而且函数可以像变量一样进行赋值操作。调用函数的时候可以直接用myShowSeatStatus这样的变量名,因此函数名也可以被当作是函数引用(function reference).

在网页中调用函数的一种方法是在html中,如<body onload = "initSeats();">,另一种方法是直接写在js文件中,如window.onload = initSeats; onload事件是window对象的一个属性 第二种方式的好处是可以把html和js代码分开,不用在html中嵌套js代码,但同时也会造成调用函数时传递参数不方便的问题。因此就有了所谓的匿名函数(anonymous function),如下:

document.getElementById("...").onclick = function(evt){
    showSeatStatus(...);
};

这里evt传递的是一个event object,当然不需要传递参数的也可以这样调用,只是参数传递了没有使用而已。

onload事件可以绑定页面里的很多事件,可以作为很多事件的初始化函数:

window.onload = function(){
    //wire other events...
    ...
    initSeats();
}
时间: 2025-01-12 11:43:40

Head first javascript(四)的相关文章

数据结构与算法JavaScript (四) 串(BF)

串是由零个或多个字符组成的有限序列,又叫做字符串 串的逻辑结构和线性表很相似的,不同的是串针对是是字符集,所以在操作上与线性表还是有很大区别的.线性表更关注的是单个元素的操作CURD,串则是关注查找子串的位置,替换等操作. 当然不同的高级语言对串的基本操作都有不同的定义方法,但是总的来说操作的本质都是相似的.比如javascrript查找就是indexOf, 去空白就是trim,转化大小写toLowerCase/toUpperCase等等 这里主要讨论下字符串模式匹配的几种经典的算法:BF.BM

初探JavaScript(四)——JS另类的作用域和声明提前

前言:最近恰逢毕业季,千千万万的学生党开始步入社会,告别象牙塔似的学校生活.往往在人生的各个拐点的时候,情感丰富,感触颇深,各种对过去的美好的总结,对未来的展望.与此同时,也让诸多的老“园”工看完这些小年轻的文章后感触良多,不禁也要写上几笔,所以就出来了很多类似“毕业两年小记”.“毕业五年有感”…… 可能就是某篇博文的一句话,某碗心灵鸡汤就拨动了你心里的那根尘封已久的弦,让你情不自禁的点了个赞,还忍不住的要在下面评论区留下自己此刻心潮澎湃的印记. 我今天不是来送鸡汤的,鸡汤虽好,可不要贪杯哦.

从头开始学JavaScript (四)——操作符

原文:从头开始学JavaScript (四)--操作符 一.一元操作符 1.自增自减操作符:分为前置型和后置型: 前置型:++a;--a; 后置型:a++;a--; 例: 1 <script type="text/javascript"> 2 var a, b,i= 1,j=1; 3 a=i++; 4 b=++j; 5 alert("a="+a+",i="+i+",b="+b+",j="+j);

javascript——四种函数调用形式

此文的目的是分析函数的四种调用形式,弄清楚函数中this的意义,明确构造函对象的过程,学会使用上下文调用函数. 在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或 其他描述性语言那样仅仅作为一个模块来使用. 函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造器形式.以及apply形式. 这里所有的调用模式中,最主要的区别在于关键字 this 的意义. 下面分别介绍这个几种调用形式. 一.函数调用形式 函数调用形式是最常见的形式,也是最好理

从零开始学JavaScript四(数据类型)

一.分类 基本数据类型:undefined.null.string.Boolean.number 复杂数据类型:object object的属性以无序的名称和值对的形式 (name : value) 来定义 1.1 .typeof操作符 鉴于ECMAScript是松散型的,因此需要一种手段来检测给定的变量的数据类型-----typeof就可以负责提供这方面的信息的操作符. 对一个值typeof操作符可能返回下列某个字符串: "undefined"-----------如果这个值未定义

JavaScript(四) Window窗体操作

window: 属性(值或者子对象):opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null,可以利用这个属性来关闭源窗口. 方法(函数):事件(事先设置好的程序,被触发): 1.window.open("第一部分","第二部分","第三部分","第四部分"): 特征参数: 第一部分:写要打开的页面地址第二部分:打开的方式,_blank 是在新窗口打开第三部分:控制打开的窗口,可以写多

javascript四种类型识别的方法

× 目录 [1]typeof [2]instanceof [3]constructor[4]toString 前面的话 javascript有复杂的类型系统,类型识别则是基本的功能.javascript总共提供了四种类型识别的方法,本文将对这四种方法进行详细说明 typeof运算符 typeof是一元运算符,放在单个操作数的前面,返回值为表示操作数类型的首字母小写的字符串 [注意]typeof运算符后面带不带圆括号都可以 console.log(typeof 'a');//'string' co

轻松学习JavaScript四:JS点击灯泡来点亮或熄灭这盏灯的网页特效映射出JS在HTML中作用

我们开始解释JS在HTML中作用.对于因特网和视窗操作系统,JavaScript都意味着未来. (1)JavaScript:写入HTML输出 实例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://ww

JavaScript四种数值取整方法

一.Math.trunc() 1.定义 Math.trunc()方法去除数字的小数部分,保留整数部分. 2.语法 Math.trunc(value) 3.示例 console.log(Math.trunc(2.01)); // 2 console.log(Math.trunc(2.9)); // 2 console.log(Math.trunc('0.22')); // 0 console.log(Math.trunc(-1.22)); // -1 console.log(Math.trunc(

Javascript 四种输出方式

JavaScript 输出 javascript 没有任何打印或输出的函数 可以通过不同的方式输出数据 使用window.alert() 弹出警告框 使用document.write()方法将内容写到html文档中 使用document.getElementById("").innerHtml="需要写入的值"; 写入到HTML元素 使用console.log()写入到流浪器的控制台 1:使用window.alert() <script> window.