日期的获得，节点增加，级联菜单的案例

来源：互联网发布：数据外包录入平台编辑：程序博客网时间：2024/05/16 08:09

function sysTime(){
var now = new Date();//获得日期对象
var hour=now.getHours();//时
var min=now.getMinutes();//分
var sec =now.getSeconds();//秒
var year = now.getYear()+1900;//获得的年份是减去1900的//getFullYear()----->获得准确值
var month =now.getMonth()+1;//月份是0-11
var date =now.getDate();//获得日
var day=now.getDay();//获得的是周几 0-6的数值
var week_arr=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
var week=week_arr[day];
var time="当前时间："+hour+":"+min+":"+sec+"\n"+year+"/"+month+"/"+date+" "+week+"\nhello javascript"
document.getElementById("id1").innerHTML=time;
}
window.onload=function(){
//页面显示时间，循环调用sysTime(),每隔1000毫秒
window.setInterval("sysTime()",1000);

}

//如果指定了新窗口的名字，当该窗口已经存在的时候，将获得他的引用，而不会创建更多的新窗口
window.open("https://www.baidu.com","百度");

//关闭网页当前窗口

window.close();//在火狐不适用

//打开新窗口

window.open("http://www.baidu.com","新窗口的名字");//如果已经打开过该窗口，将获得该窗口的引用，不创建新窗户

window.open("http://www.baidu.com");//不指定窗口名字，将创建多个类似的窗口

//添加新节点的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>test</title>
<script type="text/javascript" language="javascript">
function createNewNode(){
var formNode=document.getElementById("form1");//定义节点要放的位置
var buttonNode=document.createElement("input");//添加的节点
buttonNode.type="button";//新增节点的类型
buttonNode.value="New Button";
formNode.insertBefore(buttonNode,document.getElementById("btn"));//放在指定节点之前
var a=document.createElement("a");//添加的节点
a.href="https://www.baidu.com/";
a.innerHTML="shengsiTTs";
formNode.appendChild(a);//放在指定节点之后
buttonNode.onclick=function press(){
alert("Hello JavaScript");
}
}
</script>
</head>
<body>
<h1>动态创建页面元素</h1>
<label id="form1">
<input id="btn" type="button" value="添加新元素" onclick="createNewNode()" />
</label>
</body>
</html>

//删除节点的方法

//联动菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>test</title>
<script type="text/javascript"language="javascript">
function getcourse(){
var course=[["CoreJava","Oracle","JSP","JDBC"],["PS","CSS"],["PHP","MySql","Jquery"]];
var sltClass=document.getElementById("Class");
var sltcourse=document.getElementById("course");
var Classcourse=course[sltClass.selectedIndex-1];
sltcourse.length=1;
for(var i=0;i<Classcourse.length;i++){
sltcourse[i+1]=new Option(Classcourse[i],Classcourse[i]);
}
}
</script>
</head>
<body>
<h1>联动菜单</h1>
<form name="theForm">
<div>方向：
<select name="Class" id="Class" onchange="getcourse()">
<option value="0">请选择</option>
<option value="JSD">JSD</option>
<option value="UID">UID</option>
<option value="PHP">PHP</option>
</select>
课程：
<select id="course" name="course">
<option value="0">请选择</option>
</select>
</div>
</form>
</body>
</html>

0 0