JavaScript基础教程：变量声明、条件判断与窗口控制

JavaScript基础教程：变量声明、条件判断与窗口控制

JavaScript编程基础教程第三课

本期内容已发布，感谢Actions的辛勤整理。请充分利用论坛提供的资源与教程，共同学习交流。

如有任何意见、建议或想法，欢迎前往教程问答区或站务管理版的建议或意见板块发表，我们将及时给予反馈。

本节课的学习重点如下：

A. 补充变量相关知识

B. if语句的基本语法

C. window.open()基本用法

变量类型与声明规则

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多次声明同一个变量。

当给一个未声明的变量赋值时，JavaScript会自动创建该全局变量。

若需在函数内部创建局部变量，必须使用var在函数内部进行声明。

3. 变量的作用域

如果局部变量与全局变量重名，局部变量具有优先权。JavaScript没有块级作用域，函数中声明的所有变量作用域相同。

var x; // 声明一个未赋值的变量，其值为undefined。

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

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

4. 原始类型和引用类型

var a=3.14; // 原始类型

var b=a; // 引用类型

if条件语句语法

B. if语句

if (条件)

语句段１

else

语句段２

功能：若表达式为true，则执行语句段１；否则执行语句段２。

说明：

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

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

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

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

例子

if (age < 16 )

alert("小朋友");

else

alert("成年人");

end if

if语句的嵌套

if (布尔值) 语句１；

else if (布尔值) 语句２；

else if (布尔值) 语句３；

else 语句４；

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

window.open窗口控制方法

C. window.open()的用法

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>