当前位置：文档之家 › JS的基本语法

JS的基本语法

  • 格式：doc
  • 大小：54.00 KB
  • 文档页数：8

JS的基本语法一、对象1. document(1). all(2). form(3). cookie(4). title(5). write()例：document.all //页面中的所有对象(object,collection)document.forms //页面中的所有form(object,array)document.all.ControlID //页面中的控件(object)document.all("ControlID") //页面中的控件(同上)(object)document.forms.elements //第i个form中的所有元素(控件)(object,array) document.forms.elements[j] //第i个form中的第j个元素(控件)(object)document.all.TableID.rows //表格的行(object,array)document.all.TableID.rows.length //表格的行数(int)document.all.TableID.rows.cells //指定行的单元格(object,array) document.all.TableID.rows.cells.length //指定行的单元格数(int) document.all.TableID.cells //表格的单元格(object,array)document.all.TableID.cells.length //表格的单元格数(int)2. window(1). location 页面URL(2). opener 当前窗口的父窗口（打开者）。

(3). parent 页面的上级框架(4). top 页面的最上层框架(多框架嵌套)(5). status 窗口状态栏中的内容(6). frames 获取框架组内的每一个框架（数组）(7). alert()window.alert(…Hello World‟)(8). confirm()var b = window.confirm(…确认提交吗？‟)返回值bool类型，点确定返回true，点取消返回false(9). open()var win = window.open(…webform1.aspx‟,‟name‟,‟width=200,height=200,left=200,top=200‟)(10). showModalDialog()window.showModalDialog(…webform1.aspx‟,‟name‟,‟dialogWidth:200px;dialogHeigh t:200px;center:yes;help:no;resizable:yes;sta tus:no;scroll:auto‟)(11). close()window.close();3. JS将页面中的每一个控件(元素)都看作对象，如：<div id=div1 style="font-size:12px"><b>Hellow World</b></div><SCRIPT LANGUAGE="JavaScript">alert(document.all.div1.innerT ext)alert(document.all.div1.innerHTML)alert(document.all.div1.style.fontSize)</SCRIPT>二、事件1. onKeyDown 按下键时触发2. onKeyPress3. onKeyUp 抬起键时触发4. onMouseDown 按下鼠标任何一个键时触发5. onMouseUp 放开鼠标键时触发6. onMouseMove 鼠标移动时触发7. onMove 窗口移动时触发8. onReset 点击Reset按钮时触发9. onResize改变窗口大小时触发三、字符串处理1. lengthvar str = “Hello World”;alert(str.length);2. charAt() / charCodeAt()var str = “Hello World”;alert(str.charAt(1));alert(str.charCodeAt(1));3. indexOf() / lastIndexOf()var str = “Hello World”;alert(str.indexOf(…o‟));alert(str. lastIndexOf (…o‟));4. replace()形如：string.replace(regexp,replacement)替换一个与正则表达式匹配的子串。

5. split()var str = "Hello World";str1 = str.split('o')6. substr() / substring()var str = "Hello World";str1 = str.substr(1,4) //从位置一往后数四个str2 = str.substring(1,4) //从位置一到位置四alert(str1);alert(str2);7. toString() / toLowerCase() / toUpperCase()var str = "Hello World";alert(str.toLowerCase());alert(str.toUpperCase());四、数组处理1. length数组中元素个数2. concat()合并两个或更多数组中的元素到一个新的数组中3. join()合并数组中的所有元素为一个有独立特征的字符串4. pop()从数组中删除最后一个元素，并在需要试返回此被删去的元素值5. push()在数组末尾添加元素，并在需要时返回此数组的新length值6. reverse()颠倒数组中元素的排序；第一元素被移到最后，最后元素被放在第一位置，一次类推。

7. shift()从数组中删除第一元素，并在需要时返回此被删去的元素值8. unshift()在数组前添加元素，并在需要时返回数组的新length值9. slice()截取数组中的一指定部分，并将此部分做为一新书组返回10. splice()从数组中删除或替换元素11. sort()依据元素的字符串值，按字母顺序对数组元素进行排序。

五、其他（变量、数学、日期、运算符、条件语句和循环）1. 变量：数值型、字符型、布尔型、空值型var a = 1.5;var b = “Hello World”var c = true;var d = null;2. 数学对象(Math)的方法（因精确度不够，不推荐试用）(1). abs() 绝对值函数，返回值为参数的绝对值。

(2). round() 四舍五入取整函数，返回值为距离参数最近的整数。

(3). ceil() 向上四舍五入，返回值为大于或等于参数的最小整数值。

(4). floor() 向下四舍五入函数，返回值为小于或等于参数的最小整数值。

(5). random() 随机数函数，返回值为一个0~1之间的随机数，不需要参数。

(6). max() 最大函数，返回值为两个参数中较大的那个数。

(7). min() 最小函数，返回值为两个参数中较小的那个数。

(8). exp() 指数函数，返回值为e的参数次方。

(9). log() 自然对数函数，返回值为参数的自然对数值。

(10). pow() 幂函数，返回值为第一个参数的第二个参数次幂。

(11). sqrt() 平方根函数，返回值为参数的平方根。

(12). sin() 正弦函数，返回值为参数的正弦函数值，单位为弧度。

(13). asin() 反正切函数，返回值为参数的反正切函数值，单位为弧度。

(14). cos() 余弦函数，返回值为参数的余弦函数值，单位为弧度。

(15). acos() 反余弦函数，返回值为参数的反余弦函数值，单位为弧度。

(16). tan()正切函数，返回值为参数的正切函数值，单位为弧度。

(17). atan() 反正切函数，返回值为参数的反正切函数值，单位为弧度。

3. 日期首先声明一个日期对象：var dDate = new Date();(1). getYear() 返回年份(2). getMonth() 返回月份值(3). getDate() 查看Date对象并返回日期(4). getDay() 返回星期几(5). getHours() 返回小时数(6). getMinutes() 返回分钟数(7). getSeconds() 返回秒数(8). getTime() 返回完整的时间(9). setYear() 改变年份(10). 0setDate() 改变Date对象的日期(11). setHours() 改变小时数(12). setMinutes() 改变分钟数(13). setMonth() 改变月份(14). setSeconds() 改变秒数(15). setTime() 改变完整的时间(16). toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式4. 运算符（略）5. 条件语句和循环（略）例：1．求和<TABLE border=1><TR><TD>产品</TD><TD>单价(元)</TD><TD>数量</TD><TD>合计</TD></TR><TR><TD>产品1</TD><TD id=p1>5.00</TD><TD><INPUT TYPE="text" id="m1"></TD><TD><INPUT TYPE="text" id="s1"></TD> </TR><TR><TD>产品2</TD><TD id=p2>5.00</TD><TD><INPUT TYPE="text" id="m2"></TD><TD><INPUT TYPE="text" id="s2"></TD> </TR></TABLE>。

合集下载

js使用手册

js使用手册

js使用手册JavaScript（简称JS）是一种脚本语言，用于在网页上实现交互效果和动态内容。

它是目前使用最广泛的编程语言之一，因为它可以用于开发网页应用、游戏、桌面应用等各种类型的程序。

本文将为你提供一份简明的JavaScript使用手册，介绍了JavaScript的基本语法、数据类型、函数、控制流和常见的操作等内容。

一、基本语法：1.注释：可以使用双斜杠（//）进行单行注释，或使用斜杠和星号（/*...*/）进行多行注释。

2.变量和常量：使用var关键字声明变量，使用const关键字声明常量。

JavaScript使用弱类型，所以变量可以在不同的数据类型之间进行转换。

3.数据类型：JavaScript包含了多种数据类型，包括数字、字符串、布尔值、数组、对象等。

可以使用typeof操作符来检查变量的数据类型。

4.运算符：JavaScript支持常见的算术运算符（例如+、-、*、/）和逻辑运算符（例如&&、||、!），以及比较运算符（例如==、>、<）。

5.字符串操作：可以使用+运算符来连接字符串，也可以使用字符串模板（`${...}`）来创建格式化的字符串。

二、数据类型：1.数字类型：JavaScript中的数字包括整数和浮点数。

可以进行基本的算术运算，也可以使用内置的Math对象来进行高级的数学计算。

2.字符串类型：JavaScript中的字符串以单引号（'...'）或双引号（"..."）括起来。

可以使用一系列内置的字符串方法来操作和处理字符串。

3.布尔类型：JavaScript中的布尔类型只有两个值，true和false。

可以通过逻辑运算符和比较运算符来进行布尔运算。

4.数组类型：JavaScript中的数组可以存储多个值，并根据索引进行访问。

可以使用一系列内置的数组方法来操作和处理数组。

5.对象类型：JavaScript中的对象是一种复合数据类型，可以存储键值对。

js的if else语句

js的if else语句

JavaScript中的if-else语句用于根据条件执行不同的代码块。

它的基本语法如下：Javascriptif (condition) {// 当条件为真时执行的代码} else {// 当条件为假时执行的代码}在这个语法中，condition是一个表达式，它的值将被求值为布尔类型（true或false）。

如果条件为真，那么将执行if代码块中的代码；如果条件为假，那么将执行else代码块中的代码。

以下是一个简单的例子：Javascriptvar num = 10;if (num > 0) {console.log("Number is positive");} else {console.log("Number is negative or zero");}在这个例子中，如果num的值大于0，将输出"Number is positive"；否则，将输出"Number is negative or zero"。

除了if-else语句，还可以使用if-else if-else结构来处理多个条件。

它的语法如下：Javascriptif (condition1) {// 当条件1为真时执行的代码} else if (condition2) {// 当条件2为真时执行的代码} else {// 当所有条件都为假时执行的代码}在这个结构中，首先会检查条件1，如果条件1为真，则执行对应的代码块；如果条件1为假，则继续检查条件2，以此类推。

如果所有条件都为假，则执行else代码块中的代码。

以下是一个使用if-else if-else结构的例子：Javascriptvar num = 10;if (num > 0) {console.log("Number is positive");} else if (num < 0) {console.log("Number is negative");} else {console.log("Number is zero");}在这个例子中，如果num的值大于0，将输出"Number is positive"；如果num的值小于0，将输出"Number is negative"；如果num的值等于0，将输出"Number is zero"。

实验十二 JavaScript基本语法

实验十二 JavaScript基本语法

实验十二 JavaScript基本语法一、实验目标1、掌握JavaScript的基本语法；2、掌握在见面中插入JavaScript脚本的方法；3、掌握JavaScript变量、函数及各类控制语句。

二、实验内容1、调用JS文件,输出欢迎信息2、自定义函数,通过按钮弹出欢迎对话框3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出三、实验参考步骤1、调用JS文件,输出欢迎信息,命名名JS1.html➢定义单独的JS文件，编写JS脚本-欢迎信息，注意HTML标签及属性的运用,可以考虑font标签及颜色属性的使用。

测试一下在JS中如何输出标签.➢新建HTML文档➢调用JS文件➢输出欢迎信息，测试，完成➢效果图如下：2、自定义函数,通过按钮弹出欢迎对话框,命名名JS2.html➢新建HTML文档➢在body中输入常用按钮➢定义JS脚本代码，定义函数，完成欢迎对话框功能；注意函数功能的完成及函数是否有参考传递，如果有返回值用return语句返回，➢通过按钮调用自定义的函数➢测试，完成.➢效果图如下：3、使用循环语句完成“JavaScript基本语法”文本h1到h6标题的输出，命名名JS3.html➢新建HTML文档➢选择一种循环语句,通过循环语句完成题目➢注意:所有的HTML标签都可以以字符形式输出➢效果图如下:4、事件的使用➢新建HTML文档，插入第一张灰度的图片：eg-mouse2.jpg，命名成img1➢编写鼠标经过及离开时函数，参考如下：function over(){document.img1.src ="img/eg_mouse.jpg"}//选择本地图片的路径➢通过img标签的鼠标经过和离开事件调用上述对应函数➢测试，完成四、实验课后习题1、字符串函数的使用2、数组函数的使用定义数组，完成春夏秋冬四季的换行输出.var theMonths = new Array("春","夏","秋","冬"),s;for(var i=0;i<=3;i++){s=theMonths[i];document.write(s+"<br/>");</script>3、根据系统时间显示今天星期几？预习249页Date对象的使用。

jsswitch语法

jsswitch语法

jsswitch语法JSSwitch是一种编程语言中的条件语句，用于根据不同的条件执行不同的代码块。

下面我会从多个角度来解释JSSwitch的语法。

1. 基本语法结构：JSSwitch语法的基本结构如下：javascript.switch (expression) {。

case value1:// 执行代码块1。

break;case value2:// 执行代码块2。

break;...case valueN:// 执行代码块N.break;default:// 执行默认代码块。

}。

其中，expression是需要进行比较的表达式，value1、value2等是可能的取值，case后面跟着的是每个取值对应的代码块，break用于跳出switch语句，default是可选的，表示当没有任何一个case匹配时执行的代码块。

2. 表达式比较：在JSSwitch语句中，expression表达式的值将与每个case后面的value进行比较。

比较时会使用严格相等运算符（===），即值和类型必须完全相等才会执行对应的代码块。

3. 执行顺序：JSSwitch语句从上到下依次匹配每个case的值，一旦找到匹配的case，就会执行相应的代码块，并且在执行完代码块后使用break语句跳出switch语句。

如果没有匹配的case，则会执行default代码块（如果有的话），或者直接跳出switch语句。

4. 多个case共享代码块：JSSwitch语句中的多个case可以共享同一个代码块，只需要省略break语句即可。

例如：javascript.switch (expression) {。

case value1:case value2:// 执行代码块1。

break;case value3:// 执行代码块2。

break;default:// 执行默认代码块。

}。

在这个例子中，如果expression的值等于value1或value2，都会执行代码块1。