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

作者:函数茶馆

时间:2026-10-28

浏览:521

本文详细介绍JavaScript编程起步知识,涵盖变量类型规则、声明方式及作用域,解析if-else条件语句的执行逻辑与嵌套用法,并深入讲解window.open()函数的基本语法及窗口参数配置,帮助开发者快速掌握核心基础。

文章目录

第三课内容现已呈现,感谢Actions的辛勤付出。请充分利用论坛提供的资源与教程,共同学习提升。


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



课程重点概览

今日学习重点如下:


A. 补充变量相关内容


B. if语句的基本语法


C. window.open()基本用法



JavaScript变量详解

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 (条件)


语句段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后的语句。



window.open窗口控制

C. window.open()的用法


1、基本语法


window.open(pageURL,name,parameters)


其中:


pageURL 为子窗口路径


name 为子窗口句柄


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


例:


<SCRIPT LANGUAGE="java script">


      <!--

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="java script">


<!--

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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章