javascript编程起步(第三课)

javascript编程起步(第三课)

第三课终于和大家见面了, 大家要感谢 Actions 的辛勤劳动啊, 好好利用论坛给大家提供的资源和教程, 希望大家一起学习提高 :D

大家有什么意见, 建议或者想法, 可以到本版的教程问答区 或 站务管理版的 建议或意见 去发表, 我们会及时给您反馈 :)

下面是今天的学习重点:

A.补充上课的变量内容

B.if语句的基本语法

C.window.com()基本用法

A.变量

1.变量的类型规则

javascript是无类型的,他的变量可以放任何数据类型的值。

2.变量的声明

在javascript程序中,在使用变量之前,必须先声明它。变量是使用关键字var声明的。而实际上,不一定要先声明变量,在某些情况下,变量声明是可选的。

var i;

var sum;

也可以使用一个var关键字声明多个变量;

var i,sum;

而且还可以将变量声明和变量初始化绑定在一起:

var message = hello;

var i = 0,j=0,k=0;

由var声明的变量是永久的,因为各浏览器对是否可以删除全局性的变量的态度是不同的,(都可以删除局部变量)为了安全,最好假设全局变量不可删除。

可以使用var多次声明同一个变量

当你给一个没有声明的变量赋值时,js会自动用哪个变量为你创建一个全局变量。

如果你想在函数内部创建一个局部变量。那就必须用var在函数内部声明。

3.变量的作用域

如果局部变量和全局变量重名,则局部变量优先。js没有块级作用域。函数中声明的所有的变量,作用域是相同的。

var x;//声明一个未赋值的变量,他的值是undefined。

alert(u); //使用未声明的变量将引发错误。

u=3;//给一个未声明的变量赋值将会创建该变量。

4.原始类型和引用类型

var a=3.14;//原始类型

var b=a;//引用类型

B.if语句

if (条件)

语句段1

else

语句段2

 功能:若表达式为true,则执行语句段1;否则执行语句段2。

 说明:

if -else 语句是JavaScript中最基本的控制语句,通过它可以改变语句的执行顺序。

表达式中必须使用关系语句,来实现判断,它是作为一个布尔值来估算的。

它将零和非零的数分别转化成false和true。

若if后的语句有多行,则必须使用花括号将其括起来。

例子

if (age < 16 )

alert("小朋友");

else

alert("成年人");

end if

if语句的嵌套

if (布尔值) 语句1;

else if (布尔值) 语句2;

else if (布尔值) 语句3;

else 语句4;

在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语句,否则执行else后的语句。

C.window.com()的用法

1、基本语法

window.open(pageURL,name,parameters)

其中:

pageURL 为子窗口路径

name 为子窗口句柄

parameters 为窗口参数(各参数用逗号分隔)

例:

<SCRIPT LANGUAGE="javascript">

<!--

window.open (url) //url为一网址,如:http://www.numb1.com(绝对) 或 index.htm相对)

-->

</SCRIPT>

2. 窗口参数

其中yes/no也可使用1/0;value为具体的数值,单位象素。

toolbar=yes,no 是否显示工具条

location=yes,no 是否显示网址栏

directories=yes,no 是否显示导航条

status=yes,no 是否显示状态条

menubar=yes,no 是否显示菜单

scrollbars=yes,no 是否显示滚动条

resizable=yes,no 是否可以改变公告窗口大小

copyhistory=yes,no 是否显示历史按钮

width=value 公告窗口的宽

height=value 公告窗口的高

left=value 公告窗口的左上顶点距屏幕左边100像素

top=value 公告窗口的左上顶点距屏幕顶端100像素

例:

<script language="javascript">

<!--

window.open("00000.html","newwindow",

"toolbar=no,location=no,directories=no,

status=no,menubar=no,scrollbars=no,

resizable=no,

copyhistory=no,width=500,height=500,

left=100,top=100")

//-->

</script>