目录
第二节:JavaScript window 对象常用方法及事件
javascript window对象常用方法及其事件。(window可省略)
第一节:JavaScript 全局函数
全局函数不属于任何一个内置对象。 JS 包含以下 7 个全局函数,用于一些常用的功能:escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape(); Eval()方法:执行代码; |
第二节:JavaScript window 对象常用方法及事件
Alert();弹出消息框 setTimeout(); 执行一次 setinterval();执行多次 open();打开窗口 |
Window.onload 发生在文档全部下载完毕的时候。 Window.onresize 发生在窗口大小发生变化的时候。 |
部分全局函数:
(1) eval() :
用法: 可计算 JavaScript 字符串,并把它作为脚本代码来执行。
如果参数是一个表达式,eval() 函数将执行表达式。
如果参数是Javascript语句,eval()将执行 Javascript 语句。
(2) escape() :
返回值: 已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。
说明: 该方法不会对ASCII字母和数字进行编码。
也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。
其他所有的字符都会被转义序列替换。
(3) isNan() :
用法: 检查其参数是否是非数字值。
返回值: true/false
(4) isFinite() :
用法: 检查其参数是否是无穷大。
返回值: 如是有限数字(或可转换为有限数字),返回 true。
如是非数字,或者是正、负无穷大的数,则返回 false。
(5) parseFloat() :
用法: 可解析一个字符串,并返回一个浮点数。
它检查字符串中的首个字符是否是数字。
是,则对其进行解析,直到到达数字的末端为止。
然后以数字返回,而不是作为字符串。
(6) parseInt() :
用法: parseInt() 函数可解析一个字符串,并返回一个整数。
语法: parseInt(string, radix)
radix: 可被省略。 表要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以 “0x” 或 “0X” 开头,将以 16 为基数。(NaN缩写:非数字)
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
(7) unescape() :
用法: 可对通过 escape() 编码的字符串进行解码。
原理: 通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字)
用 Unicode 字符 \u00xx 和 \uxxxx 替换这样的字符序列进行解码。
//全局函数(不属于任何一个内置对象) 示例:
<script type="text/javascript">
var str="1+2+3";
alert(eval(str));
</script>
javascript window对象常用方法及其事件。(window可省略)
(1) alert() : 弹出窗口
(2) setTimeout() : 在指定时间后执行一次
(3) setDateTime() : 间隔指定时间,重复执行
(4) open() : 打开一个新的浏览器窗口或查找一个已命名的窗口。
(5) Window.onlooad() : 在其方法里的内容,会在文档加载完毕后执行
(6) Window.onresize() : 调整窗口大小
(window可省略)
<script type+"text/javascript">
//弹出窗口
window.alert("window对象的alert方法");
//在指定时间后执行一次
function func(){
alert("5s 后显示这条语句");
}
window.setTimeout("func()",5000);
//
function setDateTime(){
var date=new Date();
var day=date.getDay();
var week;
switch(day){
case 0:week="星期日";break;
case 1:week="星期一";break;
case 2:week="星期二";break;
case 3:week="星期三";break;
case 4:week="星期四";break;
case 5:week="星期五";break;
case 6:week="星期六";break;
}
}
var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()
+" 日 "+week+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSecond s();
document.getElementById("today").innerHTML=today;
window.setInterval("setDateTime()",1000);//间隔一秒种执行一次。
//window.open():
window.open("https://www.baidu.com");
</script>
window.onload()
1.javascript支持
<script type="text/javascript">
window.onload=dunction(){
alert("文档加载完毕了。");
}
</script>
2.html本身也支持onload
<script type="text/javascript">
function init(){
alert("文档加载完毕了。");
}
</script>
<body οnlοad="init()">
</body>
window.onresize():
<script type="text/javascript">
window.onresize=function(){
alert("窗体大小发生了变化");
}
</script>