JavaScript常用内置函数.docx
JavaScript常用内置函数常用内置函数 1. Math数学对象 调用方式： Math.方法名(参数1,参数2,.); Math.属性; 两个重要的方法：random , round 练习： 产生指定范围的随机数67-99 整数，如m-n，算法为：(公式)Math.random*(n-m+1)+m 四舍五入 -12.4 -12.8 12.4 12.8 代码示例: var m = 67; var n = 99; var result_num = Math.random*(n-m+1)+m; document.write("<h2>"+Math.floor(result_num)+"</h2>") document.write("<h2>"+Math.round(-12.8)+"</h2>") function selectFrom(lower, upper) var sum = upper - lower + 1; /总数-第一个数+1 return Math.floor(Math.random * sum + lower); 2. Date日期对象 var dateTime=new Date; dateTime.方法名 练习： 获取当前系统日期 计算距今天280天后，是XXXX年XX月XX日？ 代码示例: var date=new Date; document.write("<h2>"+date.getFullYear+""+date.getDate+"日</h2>") date.setdate(date.getDate+280); document.write("<h2>"+date.getFullYear+""+date.getDate+"日</h2>") 年"+(date.getMonth+1)+"月年"+(date.getMonth+1)+"月3. URI编码函数escape和unescape 作用：当用户从一个页面跳转向另一个页面，同时需要传递信息，而此时的方法使用的是get，传递的信息中存在非文本数字字符，此时需要用户对URL进行解码 练习： var str=“JavaScript字符串”; document.write(“编码前”+str+”<br/>”); str=escape(str); document.write(“编码后”+str+”<br/>”); document.write(“解码后”+unescape(str) +”<br/>”); 练习：四海兴唐!&JavaWeb.Com 注意：实际开发中，使用的是 encodeURI，decodeURI,encodeURIComponent,decodeURIComponent(处理特殊字符) js中escape,encodeURI,encodeURIComponent三个函数的区别 js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 例如：<script language="javascript">document.write('<a href="http:/passport.baidu.com/?logout&aid=7&u='+encodeURIComponent(" 2、 进行url跳转时可以整体使用encodeURI 例如：Location.href=encodeURI(" 3、 js使用数据时可以使用escape Huoho.Com编辑 例如：搜藏中history纪录。 4、 escape对0-255以外的unicode值进行编码时输出%u*格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。 最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持 escape不编码字符有69个：*，+，-，.，/，_，0-9，a-z，A-Z encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，_，0-9，a-z，A-Z encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，0-9，a-z，A-Z 提示:因为encodeURIComponent编码比encodeURI编码来的更加彻底，一般来说 encodeURIComponent使用频率要高一些。 var str = "街角的!#:祝福IDO " var es_str=escape(str); document.write("<h2>"+str+"</h2>"); document.write("<h2>escape(str)编码方式：<br/>"+es_str+"</h2>"); var de_str=encodeURI(str); document.write("<h2>encodeURI(str)编码方式：<br/>"+de_str+"</h2>"); var en_str=encodeURIComponent(str); document.write("<h2>decodeURIComponent(str)编码方式：<br/>"+en_str+"</h2>"); 4. 动态执行代码eval 作用：是把一个字符串当作JavaScript语句来执行 var str=“window.alert(eval运行)”; document.write(str); eval(str); 演示: eval('var box = 100'); /解析了字符串代码 alert(box); eval('alert(100)'); /同上 eval('function box return 123'); /函数也可以 alert(box); 注意: eval方法的功能非常强大，但也非常危险。因此使用的时候必须极为谨慎。特别是在用户输入数据的情况下，非常有可能导致程序的安全性，比如代码注入等等。 说明：除了解析JSON对象外，eval在程序中很少使用，JSON <script type="text/javascript"> var json=eval("(username:'zhangsan',userage:16)"); /json数据格式 document.write(json.username); document.write("<br />"); document.write(json.userage); </script> . isNaN函数 格式：isNaN 作用：JavaScript提供了判断表达式是不是数值。上面格式中参数exp是需要判断的表达式，如果表达式的值是NaN，函数返回true；否则返回false 示例： var str1=“www”,str2=“555”; val1=parseInt(str1),val2=parseInt(str2); if(isNaN(val1) alert(“str1内容不是数值”); else alert(“str2内容不是数值”) . window对象方法 /var flag = confirm("你是否删除数据?"); /返回的是boolean /var mytxt = prompt("我显示的内容","请输入内容");/返回的是输入内容 self对象与window对象完全相同，self通常用于确认就是在当前的窗体内。 window与self对象 window的子对象 · · · · · · JavaScript document 对象，下节课介绍 JavaScript frames 对象 JavaScript history 对象 JavaScript location 对象 JavaScript navigator 对象 JavaScript screen 对象 window函数索引 外网地址： 窗体焦点控制函数 · JavaScript focus 函数 · JavaScript blur 函数 新建窗体函数 · JavaScript open 函数 · JavaScript close 函数 · JavaScript opener 属性 对话框函数 · JavaScript alert 函数 · JavaScript confirm 函数 · JavaScript prompt 函数 状态栏属性 · JavaScript window.defaultStatus 属性 · JavaScript window.status 属性 时间等待与间隔函数 · · · · JavaScript setTimeout 函数 JavaScript clearTimeout 函数 JavaScript setInterval 函数 JavaScript clearInterval 函数 由于方法过多，在这里我们只讲几个常用的： l 打开消息框 window.alert(“msg”); l 打开确认对话框var rtnVal=window.confirm(“cfmMsg”); l 打开输入对话框var str=window.prompt (strShow,strInput); l 打开一个新窗口 var win=window.open (“url”,”sinName”,”param”); l 页面切换,跳转到一个新的页面 window.location=“url”; l 关闭窗口：window.close; 在火狐下window.close方法不好用，实际开发时解决方法: 练习：点击一个按钮，调用一个方法(函数)，弹出一个新窗口，在新窗口有一个关闭按钮，点击后可以关闭该窗口 window.open("page.html"," newwindow","width=500,height=300,left=10,top=20,location=yes,status=yes"); function closeWin window.opener=null; window.open("",'_self'); window.close; 延时程序 l setTimeout方法 功能：可以指定页面中的某段JavaScript代码或者某个函数在指定的时间段后执行 var timeId = setTimeout(code,millisec); 调用javascript脚本的示例 <html> <head> <title>模版</title> <script src="utils.js"></script> <script type="text/javascript"> var timeId; function start1 var i = document.getElementById("mytxt").value; document.getElementById("mytxt").value=+i; timeId = window.setTimeout("start1",1000); function stop1 window.clearTimeout(timeId); / window.setTimeout("window.open('01-Math象.html','win1','width=400,height=400')",3000); </script> </head> <body><input type="button" value="start" onclick="start1"/> <input type="text" id="mytxt" name="mytxt" value="0"/> <input type="button" value="stop" onclick="stop1"/> </body> </html> : <script type="text/javascript"> var i=0; alert(i); setTimeout("i+=1;alert(i)",1000); </script> 对var timeId = setTimeout(func,millisec) ; 调用方法的示例: 练习:使用调用方法的形式3秒钟后弹出一个新的窗口 新的窗口5秒后自动关闭. timeId：返回定时器的ID值,用于clearTimeout(timeId)方法停止 定时器 code：在定时时间到时要执行的JavaScript代码串。 指定的func：调用的方法名称 millisec：设定的定时时间，用毫秒数表示。 setInterval方法 作用：按照指定的周期来调用函数或计算表达式。 语法：var timeId=setInterval(code, millisec); var timeId=setInterval(funcname, millisec); timeId：返回定时器的ID值,可用于clearInterval(timeId)方法停止 指定的定时器 code：在定时时间到时要执行的JavaScript代码串。 millisec：设定的定时时间，用毫秒数表示。 示例： setIntervalclearInterval例子 延时程序的终止方法 l setTimeout设定的延时程序终止方法： window. clearTimeout(timeId); l setInterval设定的延时程序终止方法： window.clearInterval(timeId)； 总结： setInterval方法与setTimeout方法的语法相同，而区别在于，前者会在指定的时间间隔自动重复执行指定的函数或代码段，后者则在指定的时间间隔执行一次指定的函数或代码段 window 常用子对象： history location JavaScript使用手册.chm function on_open var popup_width = 400; var popup_height = 350; var popup_left = (screen.width - popup_width) / 2; var popup_top = (screen.height - popup_height) / 2; var popup_scrollbars = "no" var popup_property = "width=" + popup_width; var popup_property = popup_property + ",height=" + popup_height; var popup_property = popup_property + ",left=" + popup_left; var popup_property = popup_property + ",top=" + popup_top; var popup_property = popup_property + ",scrollbars=" + popup_scrollbars; window.open('url','zipcode',popup_property);
