javascript
JavaScript函数与Window对象
?JavaScript函數與Window對象
一、函數的使用
函數的含義：類似于Java中的方法，是完成特定任務的代碼語句塊
?
◆常用系統函數:
parseInt ("字符串")
???將字符串轉換為整型數字
???如: parseInt ("86")將字符串“86”轉換為整型值86
parseFloat("字符串")
???將字符串轉換為浮點型數字
???如: parseFloat("34.45")將字符串“34.45”轉換為浮點值34.45
isNaN()
???用于檢查其參數是否是非數字
?
????? <script type="text/javascript">
?? ??? ?? var a = parseInt("85.6");
?? ??? ?? var b = parseFloat("85.6");
?? ??? ?? var c = isNaN("56");//is Not aNumber
?? ??? ?? document.write(a+"<br/>"+b+"<br/>"+c);
??????</script>
? ??
?
◆自定義函數
?
案例一:無參函數
<html>
<head>
<title>第一個JavaScript程序</title>
</head>
<body>
<script type="text/javascript">
? ? ? ? function abc(){
for(var i=1;i<=10;i++){
document.write("<h1>Hello World！</h1>");
}
}
? ? ? ? </script>
? ? ? ? <input type="button" value="點我" onClick="abc()" />
</body>
</html>
?
案例二:帶參數的函數
<html>
<head>
<title>第一個JavaScript程序</title>
</head>
<body>
<script type="text/javascript">
? ? ? ? function abc(x){
for(var i=1;i<=x;i++){
document.write("<h1>Hello World！</h1>");
}
}
? ? ? ? </script>
? ? ? ? <input type="button" value="點我" onClick="abc(20)" />
</body>
</html>
案例三: 使用prompt輸入兩個數和運算符號，然后計算兩個數的操作結果
使用switch判斷運算符號
調用函數計算兩數的結果
<html>
<head>
<title>第一個JavaScript程序</title>
</head>
<body>
<script type="text/javascript">
? ? ? ? function account()
{
var op1=prompt("請輸入第一個數：","");
var op2=prompt("請輸入第二個數：","");
var sign=prompt("請輸入運算符號","")
var result;
opp1=parseFloat(op1);
opp2=parseFloat(op2);
switch(sign)
{
case "+":
result=opp1+opp2;
break;
case "-":
result=opp1-opp2;
break;
case "*":
result=opp1*opp2;
break;
case "/":
result=opp1/opp2;
break;
}
alert(op1+sign+op2+"="+result);
}
? ? ? ? </script>
? ? ? ? <input type="button" value="計算結果" onClick="account()" />
</body>
</html>
案例:關閉窗口:
<html>
???????? <head>
?????????????????? <scripttype="text/javascript">
??????????????????????????? functiongb(){
???????????????????????????????????? varx = confirm("是否關閉窗口?");
???????????????????????????????????? if(x){
?????????????????????????????????????????????? window.close();
???????????????????????????????????? }
??????????????????????????? }
?????????????????? </script>
???????? </head>
???????? <body>
?????????????????? <inputtype="button" value="關閉"onClick="gb()"/><br/>
???????? </body>
</html>
?
二、Window對象的使用
3常用屬性
3常用方法
3常用事件
1.???????常用屬性
2.???????常用方法
3.???????常用事件
綜合案例:電子時鐘
Date日期對象自己查詢W3C文檔
???????
<script type="text/javascript">
? ? ? ? var x = new Date();
var year = x.getFullYear();
var month = x.getMonth()+1;
var date = x.getDate();
var hours = x.getHours();
var minuts = x.getMinutes();
var seconds = x.getSeconds();
var day = x.getDay();
if(seconds<10){
document.write(year+"年"+month+"月"+date+"日 ?"+hours+":"+minuts+":0"+seconds);
}else{
document.write(year+"年"+month+"月"+date+"日 ?"+hours+":"+minuts+":"+seconds);
}
? ? ? ? </script>
<html>
<head>
<title>第一個JavaScript程序</title>
? ? ? ? <script type="text/javascript">
? ? ? ? function showTime(){
var x = new Date();
var year = x.getFullYear();
var month = x.getMonth()+1;
var date = x.getDate();
var hours = x.getHours();
var minuts = x.getMinutes();
var seconds = x.getSeconds();
var day = x.getDay();
if(seconds<10){
document.getElementById("time").innerHTML=year+'年'+month+'月'+date+'日 '+hours+':'+minuts+':0'+seconds;
}else{
document.getElementById("time").innerHTML=year+'年'+month+'月'+date+'日 '+hours+':'+minuts+':'+seconds;
}
}
setInterval("showTime()",1000);
? ? ? ? </script>
</head>
<body οnlοad=”showTime()”>
? ? <div id="time"></div>
? ? </body>
</html>
轉載于:https://blog.51cto.com/chengxu1102/1864050
總結
以上是生活随笔為你收集整理的JavaScript函数与Window对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux服务器dns配置丢失处理
- 下一篇： 策略路由和路由策略