js系统内置函数

合集下载

js readstring函数用法 -回复

js readstring函数用法 -回复

js readstring函数用法-回复"JavaScript"是一种广泛应用于网页开发的脚本语言。

而"readstring"是JavaScript中的一个内置函数,用于读取并解析字符串。

在本文中,我们将详细探讨"readstring"函数的用法,并提供一些实际示例以帮助你更好地理解。

1. 读取和解析字符串的基本原理字符串在计算机编程中是常见的数据类型之一,它由多个字符组成。

"readstring"函数的主要目的是读取字符串并将其解析为可供程序进一步处理的数据格式。

在JavaScript中,字符串被视为一系列Unicode字符的集合。

2. "readstring"函数的语法在JavaScript中,"readstring"函数的基本语法如下所示:readstring(string)此函数接受一个字符串作为参数,并返回一个能够被程序处理的数据对象。

3. 解析字符串的应用场景"readstring"函数在许多实际应用中非常有用。

例如,在处理用户输入或从外部源(如API)获取数据时,通常需要解析字符串并将其转换为JavaScript对象。

这种转换可以让程序更容易处理和操作这些数据。

4. "readstring"函数的示例用法为了更好地理解"readstring"函数的使用方式,让我们通过一些示例来演示它的实际应用。

示例1:解析JSON字符串JSON(JavaScript Object Notation)是一种常见的数据交换格式,"readstring"函数可以帮助我们将JSON字符串解析为JavaScript对象。

考虑以下字符串:let str = '{"name":"John","age":30,"city":"New York"}';我们可以使用"readstring"函数来解析该字符串:let obj = readstring(str);现在,可以将"obj"视为一个JavaScript对象,我们可以通过访问其属性来获取相应的值:console.log(); 输出:John示例2:解析URL查询字符串URL查询字符串通常用于将数据传递给Web服务器或从服务器获取数据。

JS中常用的内置函数

JS中常用的内置函数

JS中常⽤的内置函数JS内置函数不从属于任何对象,在JS语句的任何地⽅都可以直接使⽤这些函数。

JS中常⽤的内置函数如下: 1、eval(str)接收⼀个字符串形式的表达式,并试图求出表达式的值。

作为参数的表达式可以采⽤任何合法的操作符和常数。

如果参数中包含JS命令,这些命令也可以被执⾏,就像这些命令是JS程序的⼀部分⼀样。

2、parseInt(str,n)试图从⼀个字符串中提取⼀个整数。

可附加⼀个n整数实现返回n进制整数。

如果在字符串中存在除了数字、符号、⼩数点和指数符号以外的字符,就停⽌转换,返回已有的结果。

如果第⼀个字符就不能转换,函数就返回NaN值。

3、parseFloat(str)试图从⼀个字符串中提取⼀个浮点值。

如果在字符串中存在除了数字、符号、⼩数点和指数符号以外的字符,就停⽌转换并返回已有的结果。

如果第⼀个字符就不能转换,函数就返回NaN值。

4、isNaN()⽤于判断是否为NaN值类型,如果是函数返回true。

5、isFinite(number)可以判断参数number是否是⼀个⽆穷。

如果是则函数返回false,否则返回true。

6、escape()接受⼀个字符串,这个字符串中可能含有空格、分号等字符。

函数把字符串转换成Cookie的内部表⽰⽅式。

函数返回值就是这种内部的表达⽅式。

7、unescape()接受⼀个Cookie,把其内部表达⽅式转化成普通的字符串形式。

JS函数⼀共可分为常规函数、数组函数、⽇期函数、数学函数、字符串函数等五类。

1.9个常规函数 (1)alert函数:显⽰⼀个警告对话框,包括⼀个OK按钮。

(2)confirm函数:显⽰⼀个确认对话框,包括OK、Cancel按钮。

(3)escape函数:将字符转换成Unicode码。

(4)eval函数:计算表达式的结果。

(5)isNaN函数:测试是(true)否(false)不是⼀个数字。

(6)parseFloat函数:将字符串转换成符点数字形式。

javascript数学函数

javascript数学函数

javascript数学函数JavaScript提供了许多内置的数学函数。

以下是一些例子:
1. Math.abs(x):返回x的绝对值。

2. Math.acos(x):返回x的反余弦值(以弧度为单位)。

3. Math.asin(x):返回x的反正弦值(以弧度为单位)。

4. Math.atan(x):返回x的反正切值(以弧度为单位)。

5. Math.ceil(x):返回大于或等于x的最小整数。

6. Math.cos(x):返回x的余弦值(以弧度为单位)。

7. Math.exp(x):返回e的x次幂。

8. Math.floor(x):返回小于或等于x的最大整数。

9. Math.log(x):返回x的自然对数。

10. Math.max(...args):返回传入的零个或多个参数中的最大值。

11. Math.min(...args):返回传入的零个或多个参数中的最小值。

12. Math.pow(x, y):返回x的y次幂。

13. Math.random():返回一个介于0(包括)和1(不包括)之间的随机数。

14. Math.round(x):返回x的四舍五入值。

15. Math.sin(x):返回x的正弦值(以弧度为单位)。

16. Math.sqrt(x):返回x的平方根。

17. Math.tan(x):返回x的正切值(以弧度为单位)。

js 数学函数

js 数学函数

js 数学函数JavaScript 是一种非常强大的编程语言,它有很多内置的函数库来处理数字运算和数学计算。

这些函数被称为JavaScript 的数学函数或数学库。

JavaScript 的数学函数主要包含以下几种:1. Math 对象:Math 对象是JavaScript 的一个内置对象,它包含了很多常用的数学函数,例如:Math.pow()、Math.sqrt()、Math.sin()、Math.cos()、Math.tan()、Math.min()、Math.max()等等。

Math 对象也包含了常数值,例如:Math.PI、Math.E 等等。

2. Number 对象:JavaScript 中Number 对象也有一些内置的数学函数,例如:Number.toFixed()、Number.toPrecision() 等等。

这些函数可以让我们控制数字的精度和格式。

3. Random 对象:Random 对象也是JavaScript 的一个内置对象,它主要用于生成随机数。

Random 对象包含了一些常用的函数,例如:Math.random()、Math.floor()、Math.ceil()、Math.round() 等等。

4. Date 对象:JavaScript 中的Date 对象可以用来处理时间,时间的计算也属于数学计算的一部分。

Date 对象包含了一些常用的函数,例如:Date.now()、Date.parse()、Date.UTC() 等等。

这些数学函数都有其使用的场景和对应的语法规则,下面我们逐一来介绍它们:1. Math 对象1.1 Math.pow(base, exponent):该函数用于计算一个基数的指数幂,其中base 表示基数,exponent 表示指数。

例如:console.log(Math.pow(2, 8)); 输出2561.2 Math.sqrt(x):该函数用于计算一个数的平方根。

Js函数大全

Js函数大全

Js函数大全1. document.write("");为输出语句2 .JS中的注释为//3. 传统的HTML文档顺序是:document->html->(head,body)4. 一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)5. 得到表单中元素的名称和值:document.getElementById("表单中元素的ID号").name(或value)6. 一个小写转大写的JS:document.getElementById("output").value = document.getElementById("input").value.toUpperCase();7. JS中的值类型:String,Number,Boolean,Null,Object,Function8. JS中的字符型转换成数值型:parseInt(),parseFloat()9. JS中的数字转换成字符型:(""+变量)10. JS中的取字符串长度是:(length)11. JS中的字符与字符相连接使用+号.12. JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=13. JS中声明变量使用:var来进行声明14. JS中的判断语句结构:if(condition){}else{}15. JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}16. 循环中止的命令是:break17. JS中的函数定义:function functionName([parameter],...){statement[s]}18. 当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.19. 窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self20. 状态栏的设置:window.status="字符";21. 弹出提示信息:window.alert("字符");22. 弹出确认框:window.confirm();23. 弹出输入提示框:window.prompt();24. 指定当前显示链接的位置:window.location.href="URL"25. 取出窗体中的所有表单的数量:document.forms.length26. 关闭文档的输出流:document.close();27. 字符串追加连接符:+=28. 创建一个文档元素:document.createElement(),document.createTextNode()29. 得到元素的方法:document.getElementById()30. 设置表单中所有文本型的成员的值为空:var form = window.document.forms[0]for (var i = 0; i<form.elements.length;i++){if (form.elements[i].type == "text"){form.elements[i].value = "";}}31. 复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中,返回TRUE或FALSE)32. 单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length33. 单选按钮组判断是否被选中也是用checked.34. 下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值)35. 字符串的定义:var myString = new String("This is lightsword");36. 字符串转成大写:string.toUpperCase(); 字符串转成小写:string.toLowerCase();37. 返回字符串2在字符串1中出现的位置:String1.indexOf("String2")!=-1则说明没找到.38. 取字符串中指定位置的一个字符:StringA.charAt(9);39. 取出字符串中指定起点和终点的子字符串:stringA.substring(2,6);40. 数学函数:Math.PI(返回圆周率),Math.SQRT2(返回开方),Math.max(value1,value2)返回两个数中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函数,Math.floor(Math.random()*(n+1))返回随机数41. 定义日期型变量:var today = new Date();42. 日期函数列表:dateObj.getTime()得到时间,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期几,dateObj.getHours()得到小时,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)设置时间,dateObj.setYear(val)设置年,dateObj.setMonth(val)设置月,dateObj.setDate(val)设置日,dateObj.setDay(val)设置星期几,dateObj.setHours设置小时,dateObj.setMinutes(val) 设置分,dateObj.setSeconds(val)设置秒[注意:此日期时间从0开始计]43. FRAME的表示方式:[window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFu ncVarName44. parent代表父亲对象,top代表最顶端对象45. 打开子窗口的父窗口为:opener46. 表示当前所属的位置:this47. 当在超链接中调用JS函数时用:(javascript:)来开头后面加函数名48. 在老的浏览器中不执行此JS:<!-- //-->49. 引用一个文件式的JS:<script type="text/javascript" src="aaa.js"></script>50. 指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>51. 当超链和ONCLICK事件都有时,则老版本的浏览器转向 a.html,否则转向 b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>52. JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError, RegExp,String,SyntaxError,TypeError,URIError53. JS中的换行:\n54. 窗口全屏大小:<script>functionfullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availH eight;}window.maximize=fullScreen;</script>55. JS中的all代表其下层的全部元素56. JS中的焦点顺序:document.getElementByid("表单元素").tabIndex = 157. innerHTML的值是表单元素的值:如<p id="para">"how are <em>you</em>"</p>,则innerHTML 的值就是:how are <em>you</em>58. innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.59. contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.60. isDisabled判断是否为禁止状态.disabled设置禁止状态61. length取得长度,返回整型数值62. addBehavior()是一种JS调用的外部函数文件其扩展名为.htc63. window.focus()使当前的窗口在所有窗口之前.64. blur()指失去焦点.与FOCUS()相反.65. select()指元素为选中状态.66. 防止用户对文本框中输入文本:onfocus="this.blur()"67. 取出该元素在页面中出现的数量:document.all.tags("div(或其它HTML标记符)").length68. JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()69. 状态栏文字的设置:window.status='文字',默认的状态栏文字设置:window.defaultStatus = '文字.';70. 添加到收藏夹:external.AddFavorite("","Google");71. JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;72. JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener...的多重继续.73. JS中的self指的是当前的窗口74. JS中状态栏显示内容:window.status="内容"75. JS中的top指的是框架集中最顶层的框架76. JS中关闭当前的窗口:window.close();77. JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}78. JS中的窗口重定向:window.navigate("");79. JS中的打印:window.print()80. JS中的提示输入框:window.prompt("message","defaultReply");81. JS中的窗口滚动条:window.scroll(x,y)82. JS中的窗口滚动到位置:window.scrollby83. JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout84. JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);85. JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;86. 当窗体第一次调用时使用的文件句柄:onload()87. 当窗体关闭时调用的文件句柄:onunload()88. window.location的属性:protocol(http:),hostname(),port(80),host(:80),pathname("/a/ a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)89. window.location.reload()刷新当前页面.89-1. parent.location.reload()刷新父亲对象(用于框架)89-2. opener.location.reload()刷新父窗口对象(用于单开窗口)89-3. top.location.reload()刷新最顶端对象(用于多开窗口)90. window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)91. document.write()不换行的输出,document.writeln()换行输出92. document.body.noWrap=true;防止链接文字折行.93. 变量名.charAt(第几位),取该变量的第几位的字符.94. "abc".charCodeAt(第几个),返回第几个字符的ASCii码值.95. 字符串连接:string.concat(string2),或用+=进行连接96. 变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)97. stIndexOf(searchString[,startIndex])最后一次出现的位置.98. string.match(regExpression),判断字符是否匹配.99. string.replace(regExpression,replaceString)替换现有字符串.100. string.split(分隔符)返回一个数组存储值.101. string.substr(start[,length])取从第几位到指定长度的字符串.102. string.toLowerCase()使字符串全部变为小写.103. string.toUpperCase()使全部字符变为大写.104. parseInt(string[,radix(代表进制)])强制转换成整型.105. parseFloat(string[,radix])强制转换成浮点型.106. isNaN(变量):测试是否为数值型.107. 定义常量的关键字:const,定义变量的关键字:var。

js截取带空格字符串的方法

js截取带空格字符串的方法

js截取带空格字符串的方法摘要:一、问题背景二、解决方案1.使用JavaScript内置函数2.使用正则表达式3.使用字符串切片4.比较三种方法的优缺点三、总结正文:JavaScript作为一种流行的编程语言,其在处理字符串操作方面具有丰富的函数和方法。

在实际开发中,我们经常会遇到需要截取带空格字符串的需求。

本文将介绍三种常用的JS截取带空格字符串的方法,并比较它们的优缺点。

一、问题背景在实际项目中,我们需要对用户输入或从服务器获取的字符串进行处理,往往需要截取一定长度的字符串,同时考虑到字符串中可能包含空格的情况。

如何高效地处理这种场景,成为了我们需要解决的问题。

二、解决方案1.使用JavaScript内置函数JavaScript提供了`substring()`方法,可以用来截取字符串。

对于带空格的字符串,我们可以先去除空格,然后再进行截取。

```javascriptfunction substring(str, start, end) {const trimmedStr = str.trim();if (start < 0) {start = 0;}if (end > trimmedStr.length) {end = trimmedStr.length;}return trimmedStr.slice(start, end);}```2.使用正则表达式我们可以使用正则表达式来匹配空格,并将其替换为无意义的字符,然后再进行截取。

```javascriptfunction substringRegex(str, start, end) {const regex = / /g;const replacedStr = str.replace(regex, "#");if (start < 0) {start = 0;}if (end > replacedStr.length) {end = replacedStr.length;}return replacedStr.slice(start, end);}```3.使用字符串切片JavaScript提供了字符串切片的方法,可以直接对包含空格的字符串进行截取。

详解JS中遍历数组的八种方法——内置函数(消除循环结构)

详解JS中遍历数组的八种方法——内置函数(消除循环结构)

详解JS中遍历数组的八种方法——内置函数(消除循环结构)遍历数组是JavaScript中非常常见的操作之一、有许多方法可以使用内置函数来实现数组的遍历,这些内置函数使得代码更加简洁、可读性更高。

下面将详细介绍关于JavaScript中遍历数组的八种常见方法。

1. forEach(方法:forEach(方法是数组的一个内置函数,它接受一个回调函数作为参数。

这个回调函数被依次应用于数组中的每个元素。

forEach(方法没有返回值,它只是对每个元素执行指定的操作。

```javascriptconst array = [1, 2, 3, 4, 5];array.forEach((item) =>console.log(item);});```2. map(方法:map(方法是数组的一个内置函数,它接受一个回调函数作为参数,并将这个回调函数应用于数组中的每个元素。

map(方法返回一个新的数组,新数组的每个元素都是回调函数的返回值。

```javascriptconst array = [1, 2, 3, 4, 5];const newArray = array.map((item) =>return item * item;});console.log(newArray);```3. filter(方法:filter(方法是数组的一个内置函数,它接受一个回调函数作为参数,并将这个回调函数应用于数组中的每个元素。

filter(方法返回一个新的数组,新数组的元素是所有满足指定条件的原数组元素。

```javascriptconst array = [1, 2, 3, 4, 5];const newArray = array.filter((item) =>return item % 2 === 0;});console.log(newArray);```4. find(方法:find(方法是数组的一个内置函数,它接受一个回调函数作为参数,并将这个回调函数应用于数组中的每个元素。

js parseint 整数的取值范围

js parseint 整数的取值范围

js parseint 整数的取值范围(原创版)目录1.解析 JavaScript 中的 parseInt 函数2.整数取值范围的概念3.parseInt 的整数取值范围4.示例正文1.解析 JavaScript 中的 parseInt 函数在 JavaScript 中,parseInt 函数是一种将字符串转换为整数的内置函数。

它接受两个参数:需要转换的字符串和基数(可选)。

基数表示要解析的数字系统,例如,十进制数字系统的基数为 10,二进制数字系统的基数为 2。

当基数为 10 时,可以省略。

2.整数取值范围的概念整数取值范围是指可以用整数表示的数字范围。

在计算机中,整数通常用有限的位数表示,这导致了整数的取值范围受限。

因此,在处理整数时,需要了解其取值范围。

3.parseInt 的整数取值范围使用 parseInt 函数转换字符串为整数时,其整数取值范围受限于JavaScript 中的整数表示范围。

JavaScript 中的整数表示范围为 -2^31 到 2^31-1,即 -2147483648 到 2147483647。

4.示例下面是一个使用 parseInt 函数的示例:```javascriptvar numStr = "123456789";var num = parseInt(numStr);console.log(num); // 输出:123456789```需要注意的是,如果字符串中包含非数字字符,parseInt 函数会解析字符串,直到遇到第一个非数字字符,然后返回已解析的整数。

如果字符串以非数字字符开头,则返回 NaN。

```javascriptvar numStr = "123abc";var num = parseInt(numStr);console.log(num); // 输出:123```综上所述,JavaScript 中的 parseInt 函数可以将字符串转换为整数,其整数取值范围受限于 JavaScript 中的整数表示范围。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

1 系统内置函数OnClick点击事件OnLoad 页面加载事件OnSubmit 提交事件OnBlur失去焦点事件OnFocus 获得焦点事件OnChange 改变事件OnMouseover 鼠标移入事件OnMouseout 鼠标移出事件<script>window.onload = function(){var num = "123";alert(typeof(num))num = parseInt(num);//将字符串类型转换为number 用paresInt()的时候转变的字符串里面如果不是以数值开始的话,则返回NAN不是一个数字(是number)alert(typeof(num));}</script>var num =123.4num = parseInt(num);alert(num) /*123*/num = parseFloat(num);alert(num) /*123.0*/2window.onload = function(){alert("HELLO WORLD")confirm("是否确认注册")prompt("请输入信息")console.log("hello");}3window.onload = function(){alert("HELLO WORLD")confirm("是否确认注册")prompt("请输入信息")console.log(document.getElementById("txt"));}</script></head><body><input type="text" id="txt" /></body>4 window.onload = function(){alert("hello")var flag = confirm("是否确认")if(flag){alert("您点击的是确认")}else{alert("你点击的不是确认")return false;}}5 var str=prompt ("请输入信息")if(str=="admin"){alert("admin")}else{alert("输入错误")}2 点击事件<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function dianji(){var obj = document.getElementById("txt");//获取当id 为txt目标对象obj.style.fontSize = "50px";obj.style.color = "red";}function checkSex1(){alert(document.getElementById("sex1").value)}function checkSex2(){alert(document.getElementById("sex2").value)}function unload(){alert("unload")}</script></head><body onunload="unload()"><div id="txt" onclick="dianji()">//点击点击事件情人分手快乐!</div>性别:<input type="radio" name= "sex" id="sex1" onclick="checkSex1(this)" value="男" />男<br /><input type="radio" name= "sex" id="sex2" onclick="checkSex2(this)" value="女" />女</body></html>3 焦点事件<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function check(){if(document.getElementById("user").value.length>8){alert("用户名的长度不能大于8")}else{alert("用户名可用")}}function checkPwd(){if(document.getElementById("pwd").value.length>6){alert("密码长度不能大于6");}else{alert("密码可用")}}function Text(){document.getElementById("user").value="";}</script></head><body><form action="#">user : <input type="text" id='user'onblur="check();" onfocus="Text()" placeholder="请输入用户名" /><br /><br />pwd : <input type="password" id="pwd"onblur="checkPwd()" /><br /><br /></form></body></html>4 evaleval()运行以字符串形式表示的javascript代码串,并返回执行代码串后的结果。

例子:计算用户输入在文本框的表达式的计算结果。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function calc(){var express=document.getElementById("info").value;var result=eval(express);alert("输入在文本框的表达式的结果是:"+result);}</script></head><body><input type="text" id="info" /><input type="button" value="计算" id="btn" onclick="calc()"/> </body></html>5输入数据<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function dianji(){var obj=document.getElementById("txt")var valu =obj.value;//关键字不能一样alert(valu)}</script></head><body><input type="text" id="txt" /><input type="button" value="点击" onclick="dianji()" /></body></html>6 获得value的值第一种方法<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function check(){var inputObj = document.getElementById("txt");var txt = inputObj.value;var num = parseInt(txt);if(!isNaN(num)){if(txt<=60){alert("继续努力")}else{alert("及格了")}}else{alert("输入有误")}}</script></head><body><input type="text" id="txt" placeholder="请输入分数"/><br /><br /><input type="button" value="提交" onclick="check()"/> </body></html>第二种方法<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function checkScore(){varscore=document.getElementById("score").value;var resultScore = parseInt(score)if(resultScore>0){if(resultScore<=100){if(resultScore<60){alert("你完蛋了")}else if(resultScore<80){alert("及格了")}else{alert("书呆子")}}else{alert("成绩有误");}}}</script></head><body><input type="text" placeholder="输入成绩 " id="score" onblur="checkScore()"/></body></html>8 判断一个数值是不是数字isNaN(要判断的值);<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function check(){var val = document.getElementById("txt").value;var num = parseInt(val)if(isNaN(num)){alert("输入的不合法")}if(!isNaN(num)){alert("输入的是数字")}}</script></head><body><input type="text" id="txt" placeholder="请输入数字"/><br /><br /><input type="button" value="提交" onclick="check()"/> </body></html>9分支语句选择语句:根据选择的条件判断执行哪一段代码If语句:单分支的用法: if(“判断条件返回值是boolean类型的值“){代码块;}双分支语句:If(isNaN(num)){Alert(“您输入的不合法“)}else{Alert(“你输入的是数字“)}多分支语法:当一个判断条件不能满足我们的时候If(){}else if(){}else if(){}……else{}10 颜色选择器<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function chooseColor(){var bgObj = document.getElementById("bg")//在事件源对象所对应的html标签上增加一个要处理的//事件属性,让事件属性值等于处理该事件的函数名或程序代码,获得id元素var obj=document.getElementById("col")var val=obj.value//获得目标的数值var num = parseInt(val)//将字符转化为numberif(num==1){bgObj.style.background="red";}if(num==2){bgObj.style.background="yellow";}if(num==3){bgObj.style.background="green";}if(num==4){bgObj.style.background="blue";}}</script></head><body id="bg"><!--改变的是body的颜色-->请选择颜色:<select id="col"onchange="chooseColor()"><!--一次选一个,是一个整体,千万别忘了括号--><option value="0">请选择颜色</option><option value="1">红色</option><option value="2">黄色</option><option value="3">绿色</option><option value="4">蓝色</option></select></body></html>11 运算器第一种方法<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function jisuan(){varinputVal1=document.getElementById("txt1").value//第一个输入框的值varinputVal2=document.getElementById("txt2").value//第二个输入框的值varselectVal=document.getElementById("sel").value//获取符号的值if(selectVal=="+"){document.getElementById("txt3").value=parseInt(inputVal 1)+parseInt(inputVal2)}if(selectVal=="-"){document.getElementById("txt3").value=parseInt(inputVal 1)-parseInt(inputVal2)}if(selectVal=="*"){document.getElementById("txt3").value=parseInt(inputVal 1)*parseInt(inputVal2)}if(selectVal=="/"){document.getElementById("txt3").value=parseInt(inputVal 1)/parseInt(inputVal2)}}</script></head><body><input type="text" id="txt1" /><select id="sel"><option value="+">+</option><option value="-">—</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="txt2" />=<input type="text" readonly="readonly" id="txt3"/><input type="button" value="计算" onclick="jisuan()" /></body></html>第二种方法<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>function jisuan(){varinputVal1=document.getElementById("txt1").valuevarinputVal2=document.getElementById("txt2").valuevarselectVal=document.getElementById("sel").valueswitch(selectVal){case "+":document.getElementById("txt3").value=parseInt(inputVal 1)+parseInt(inputVal2);break;case "-":document.getElementById("txt3").value=parseInt(inputVal 1)-parseInt(inputVal2);break;case "*":document.getElementById("txt3").value=parseInt(inputVal 1)*parseInt(inputVal2);break;case "/":document.getElementById("txt3").value=parseInt(inputVal 1)/parseInt(inputVal2);break;}}</script></head><body><input type="text" id="txt1" /><select id="sel"><option value="+">+</option><option value="-">—</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="txt2" />=<input type="text" readonly="readonly" id="txt3"/><input type="button" value="计算" onclick="jisuan()" /></body></html>12 三目运算符Boolean?第一个值:第二个值;Boolean类型返回true时则执行第一个<script>var str =2>3?"1不大于2":"1大于2";alert(str);</script>Switch(参数){Case 参数:语句块Break;Case 参数:语句块Break;Default;以上都不是}13 显示时间<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script>/* var now =new Date();//当前的时间alert(now);var Dat =now.getDate();//当前的日子alert(Dat);var year = now.getFullYear();//年份alert(year)var month = now.getMonth()+1;//月份alert(month)var week =now.getDay();//几月alert(week)*/var now =new Date();var week = now.getDay();switch(week){case 1:case 2:case 3:case 4:case 5:alert("工作日");break;default:alert("休息日")break;}</script></head><body></body></html>14 onload事件onload和onunload事件onload 事件会在页面加载完成后立即发生用户关闭或刷新网页时触发onunload事件<script type="text/javascript">window.onload=function(){window.status=“欢迎光临";}</script><body onunload="alert('触发了onload事件')"></body>。

相关文档
最新文档