-
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>獲得星期</title>
<script type="text/javascript">
? var mydate=new Date();
? var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
? document.write("今天是：" + weekday[mydate.getDay()]);
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>獲得年份 </title>
<script type="text/javascript">
var mydate=new Date();?
var myyear= mydate.getFullYear() ? ?;
document.write("年份:"+myyear);
</script>
</head>
<body>
</body>
</html>
查看全部 -
var Udate=new Date();
注意:使用關鍵字new，Date()的首字母必須大寫。?
使 Udate 成為日期對象，并且已有初始值：當前時間(當前電腦系統時間)。
var d = new Date(2012, 10, 1); ?//2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
我們最好使用下面介紹的“方法”來嚴格定義時間。
訪問方法語法：“<日期對象>.<方法>”
Date對象中處理時間和日期的常用方法：
get/setDate() ? ? ? 返回/設置日期
get/setFullYear() ?返回/設置年份，用四位數表示??
get/setYear() ? ? ? 返回/設置年份
get/setMonth() ? ?返回/設置月份
get/setHours() ? ? 返回/設置小時，24小時制
get/setMinutes() ?返回/設置分鐘數
get/setSeconds() 返回/設置秒鐘數
get/setTime() ? ? ? 返回/設置時間（單位毫秒）
查看全部 -
<!DOCTYPE html>
<html>
<head>
? ? <title> 事件</title>
? ? <script type="text/javascript">
? ? ? ? function count() {
? ? ? ? ? ? //獲取第一個輸入框的值
? ? ? ? ? ? var v1 = parseInt(document.getElementById("txt1").value);
? ? ? ? ? ? //獲取第二個輸入框的值
? ? ? ? ? ? var v2 = parseInt(document.getElementById("txt2").value);
? ? ? ? ? ? //獲取選擇框的值
? ? ? ? ? ? var s = document.getElementById("select").value;
? ? ? ? ? ? //獲取通過下拉框來選擇的值來改變加減乘除的運算法則
? ? ? ? ? ? var r;
? ? ? ? ? ? switch (s) {
? ? ? ? ? ? ? ? case "+":
? ? ? ? ? ? ? ? ? ? r = v1 + v2;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "-":
? ? ? ? ? ? ? ? ? ? r = v1 - v2;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "*":
? ? ? ? ? ? ? ? ? ? r = v1 * v2;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? case "/":
? ? ? ? ? ? ? ? ? ? r = v1 / v2;
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? }
? ? ? ? ? ? //設置結果輸入框的值
? ? ? ? ? ? document.getElementById("fruit").value = r;
? ? ? ? }
? ? </script>
</head>
<body>
<script type="text/javascript">
</script>
<input type='text' id='txt1' value="3"/>
<select id='select'>
? ? <option value='+'>+</option>
? ? <option value="-">-</option>
? ? <option value="*">*</option>
? ? <option value="/">/</option>
</select>
<input type='text' id='txt2' value="4"/>
<input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調用創建的函數，得到結果-->
<input type='text' id='fruit'/>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 卸載事件 </title>
<script type="text/javascript"> ??
? ? ?window.onunload = onunload_message; ??
? ? ?function onunload_message(){ ??
? ? ? ? alert("您確定離開該網頁嗎？"); ??
? ? } ??
</script> ??
</head>
<body>
? 歡迎學習JavaScript。
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 加載事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("加載中，請稍等…"); }
</script> ? ?
</head>
<body onload="message()">
? 歡迎學習JavaScript。
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 內容選中事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("您觸發了選中事件！"); }
</script> ? ?
</head>
<body>
? <form>
? 個人簡介：<br>
? ?<textarea name="summary" cols="60" rows="5" onselect="message()">請寫入個人簡介，不少于200字！</textarea>
? </form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("請確定已輸入密碼后，在移開!"); }
</script> ? ?
</head>
<body>
? <form>
? ?用戶:<input name="username" type="text" value="請輸入用戶名！" >
? ?密碼:<input name="password" type="text" value="請輸入密碼！" onblur="message()">
? </form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠標移開事件 </title>
<script type="text/javascript">
? function message(){
? ? alert("不要移開，點擊后進行慕課網!"); }
</script>
</head>
<body>
<form onmouseout="message()">
? <a href="http://www.xianlaiwan.cn">點擊我</a>
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> 鼠標經過事件 </title>
<script type="text/javascript">
? ? function message(){
? ? ? confirm("請輸入密碼后，再單擊確定!"); }
</script>
</head>
<body>
<form>
密碼:<input name="password" type="password" >
<input name="確定" type="button" value="確定" onmouseover="message()"/>
</form>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>單擊事件 </title>
<script type="text/javascript">
? function openwin(){
? ? ?window.open('http://www.xianlaiwan.cn','_blank','height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');}
</script>
</head>
<body>
? <form>
? ? <input name="點擊我" type="button" value="點擊我" onclick="openwin()"/>
? </form>
</body>
</html>
查看全部 -
主要事件表:
onclick ? ? ? ? ? 鼠標點擊事件
onmouseover 鼠標經過事件
onmouseout ? 鼠標移開事件
onchange ? ? ? 文本框內容改變事件
onselect ? ? ? ? 文本框內容被選中事件
onfocus ? ? ? ? ?光標聚合
onblur ? ? ? ? ? ?光標離開
onload ? ? ? ? ? ?網頁導入
onunload ? ? ? ?關閉網頁
查看全部 -
<!DOCTYPE ?HTML>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函數</title>
<script type="text/javascript">
//定義函數
function showMax(x, y) {
? ? if(x > y) {
? ? ? ? alert(x + " > " + y);
? ? } else if (x == y) {
? ? ? ? alert(x + " == " + y)
? ? } else {
? ? ? ? alert(x + " < " + y);
? ? }
}
//showMax(7,8);
//函數體，判斷兩個整數比較的三種情況
function max(x, y) {
? ? if(x >= y) {
? ? ? ? return x;
? ? } else {
? ? ? ? return y;
? ? }
}
?
//調用函數，實現下面兩組數中，返回較大值。
? document.write(" 5 和 4 的較大值是:"+ max(5,4)+"<br>");
? document.write(" 6 和 3 的較大值是:" + max(6,3));?
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>返回值函數</title>
<script type="text/javascript">
? function ?app2(x,y)
? { var sum,x,y;
? ? sum = x * y;
? ? return sum;
? }
? var req1 = app2(5, 6);
? var req2 = app2(2, 3);
? var sumq = req1 + req2;
document.write("req1的值:"+req1+"<br/>");
document.write("req2的值:"+req2+"<br/>");
document.write(req1+"與"+req2+"和:"+sumq);
</script>
</head>
<body>
</body>
</html>
查看全部 -
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函數傳參</title>
<script type="text/JavaScript">
? ?function add3(x, y, z) ? ? ? ? ? ? ? ?
{
?sum = x + y +z;
?document.write(x+"、"+y+"、"+z+"和:"+sum+"<br/>");
}
// 直接調用函數?
add3(5, 8, 3);
add3(7, 1, 4);
</script>
</head>
<body>
</body>
</html>
查看全部
舉報