JavaScript基础Note2
2018年4月20日星期五
系统函数
parseInt 字符串转整形
parseFloat 字符串转浮点型
isNaN 检查是否非数字
示例:
<script>
varabc = "86";
var strToint= parseInt(abc);
var str1= "56.5";
var strToFloat= parseFloat(str1);
var str2= "abc";
var isNan= isNaN(str2);
document.write(strToint+"<br/>");
document.write(strToFloat+"<br/>");
document.write(isNan+"<br/>");
</script>
自定义函数
示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无参函数</title>
</head>
<body>
<input type="button"value="显示雀雀JavaScript基础笔记"
οnclick="study(prompt('输入次数'))"/>
<script>
functionstudy(){
for(vari = 0; i < 5 ; i++) {
document.write("雀雀JavaScript基础笔记" + "<br/>");
}
}
functionstudy(count){
for(vari = 0; i < count; i++) {
document.write("雀雀JavaScript基础笔记" + "<br/>");
}
}
</script>
</body>
</html>
局部变量和全局变量
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全局变量和局部变量</title> </head> <body οnlοad="second()"> <script> var i = 20; //全局变量 function first() { var i = 5; //局部变量 for (var j = 0; j < i; j++) { document.write(" " + j); } } function second() { var t = prompt("请输入数值:"); if (t > i) { document.write(t); } else { document.write(i); } first(); } </script> </body> </html>
Windows对象
confirm() 和 location() 的用法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Windows对象</title> </head> <body> <script> //confirm 有确定和取消按钮返回值是一个boolean的值 if (confirm("是否要确认跳转")) { alert("点击了确认按钮!"); //跳转功能 window.location = "http://www.baidu.com"; }else { alert("点击了取消按钮!"); } </script> </body> </html>
提示:
alert()无返回值,不能对脚本产生任何改变,只有一个参数。
Prompt()确定的时候返回取得的字符串,取消则返回null,两个参数。
Confirm()返回值类型是一个boolean类型,一个参数。
open() 和 close() 的用法
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>OpenOrClose</title> </head> <body> <input type="button" οnclick="open_newpage()" value="新的一页打开"/> <input type="button" οnclick="close_page()" value="关闭当前页面"/> <script> function open_newpage() { window.open("http://www.baidu.com","","height = 500,width=600," + "left = 500,top = 300") } function close_page() { window.close(); } </script> </body> </html>