JavaScript基础教程:变量声明、条件判断与窗口控制
本文详细介绍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>
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
