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("

"+Math.floor(result_num)+"

")

document.write("

"+Math.round(-12.8)+"

")

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("

"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日

")

date.setdate(date.getDate()+280);

document.write("

"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日

")

3.URI编码函数escape和unescape

作用：当用户从一个页面跳转向另一个页面，同时需要传递信息，而此时的方法使用的是get，传递的信息中存在非文本数字字符，此时需要用户对URL进行解码

练习：

var str=“JavaScript字符串”;

document.write(“编码前”+str+”
”);

str=escape(str);

document.write(“编码后”+str+”
”);

document.write(“解码后”+unescape(str) +”
”);

练习：四海兴唐@!&https://www.360docs.net/doc/9d17482129.html,

注意：实际开发中，使用的是

encodeURI()，decodeURI(),encodeURIComponent(),decodeURIComponent(处理特殊字符)

js中escape,encodeURI,encodeURIComponent三个函数的区别

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。

例如：

2、进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("https://www.360docs.net/doc/9d17482129.html,/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape

[https://www.360docs.net/doc/9d17482129.html,编辑]

例如：搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，enco deURI，encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url 编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（f orm中的编码方式和当前页面编码方式相同）

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("

"+str+"

");

document.write("

escape(str)编码方式：
"+es_str+"

");

var de_str=encodeURI(str);

document.write("

encodeURI(str)编码方式：
"+de_str+"

");

var en_str=encodeURIComponent(str);

document.write("

decodeURIComponent(str)编码方式：
"+en_str+"

");

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（JavaScript Object Notation，一种数据转换格式）对象外，eval在程序中很少使用，JSON

５.isNaN函数

格式：isNaN（exp）

作用：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("我显示的内容","请输入内容");//返回的是输入内容

window与self对象

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() 函数

由于方法过多，在这里我们只讲几个常用的：

●打开消息框window.alert(“msg”);

●打开确认对话框var rtnVal=window.confirm(“cfmMsg”);

●打开输入对话框var str=window.prompt (strShow,strInput);

●打开一个新窗口

var win=window.open (“url”,”sinName”,”param”);

●页面切换,跳转到一个新的页面window.location=“url”;

●关闭窗口：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();

}

延时程序

●setTimeout方法

功能：可以指定页面中的某段JavaScript代码或者某个函数在指定的时间段后执行

var timeId = setTimeout(code,millisec);

调用javascript脚本的示例

:

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：设定的定时时间，用毫秒数表示。

示例：

setInterval()clearInterval例子

延时程序的终止方法

●setTimeout设定的延时程序终止方法：

window. clearTimeout(timeId);

●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);

}