JavaScript函數與Window對象

時間 2020-12-27

標籤 javascript html java ide 函數 spa htm 對象 blog 欄目 JavaScript 简体版

原文原文鏈接

JavaScript函數與Window對象javascript

1、函數的使用html

函數的含義：相似於Java中的方法，是完成特定任務的代碼語句塊java

◆經常使用系統函數:ide

parseInt ("字符串")函數

將字符串轉換爲整型數字 ui

如: parseInt ("86")將字符串「86」轉換爲整型值86spa

parseFloat("字符串")htm

將字符串轉換爲浮點型數字 對象

如: parseFloat("34.45")將字符串「34.45」轉換爲浮點值34.45blog

isNaN()

用於檢查其參數是不是非數字

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>

2、Window對象的使用

3經常使用屬性

3經常使用方法

3經常使用事件

1. 經常使用屬性

2. 經常使用方法

3. 經常使用事件

綜合案例:電子時鐘

Date日期對象本身查詢W3C文檔

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>

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>

</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。