1.網(wǎng)頁技術(shù)分為三個(gè)方面:靜態(tài)網(wǎng)頁、網(wǎng)頁美工、動態(tài)網(wǎng)頁。
2.DHTML(動態(tài)HTML)是一種通過各種技術(shù)的綜合而得以實(shí)現(xiàn)的概念,包括三部分:HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)。
1.刪除提示
1)<a href="#" onclick="return(confirm('刪除后無法恢復(fù),您確定刪除嗎?'))">刪除</a>
2)JS
<a href="#" >刪除</a>
<script language="JavaScript" type="text/javascript">
function delete_confirm(){
if(event.srcElement.outerText=="刪除" || event.srcElement.value=="刪除")
event.returnValue=confirm("刪除后將不能恢復(fù),您確認(rèn)執(zhí)行刪除操作么?");
}
document.onclick=delete_confirm;
</script>
2.點(diǎn)擊按鈕探出提示
<input type=button value="reload" onclick="javascript:reload()">
<script type="text/javascript">
function reload() {
if (confirm("確認(rèn)?"))
{
var url="#";
window.location.href=url;
}
}
3.點(diǎn)擊鏈接彈出提示
<a href="確認(rèn)后的連接地址" onclick="return(confirm('想要的提示信息?'))">顯示信息</a>
4.onchange()用法
<select name="year" onchange="javascript:changeYear()">
<OPTION OPTION>
</SELECT>
<SCRIPT language="javascript">
function changeYear(){
var url = ....;
window.location.href = url;
}
</SCRIPT>
5.根據(jù)選擇的radio轉(zhuǎn)向不同的URL
<input type="Radio" name="id" value="1" checked></td>
<input type="Radio" name="id" value="2" checked></td>
<input type="Radio" name="id" value="3" checked></td>
<SCRIPT language="javascript">
function WhichOneisChecked(obj) {
for (var i = 0;i < obj.elements.length;i++){
if (obj.elements[i].checked == true){
var weekLogId=obj.elements[i].value;
var url="......";
window.location.href = url;
}
}
}
</SCRIPT>
6.radio 全選
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
function check(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
if(!aa[i].checked) return;
all.checked = true;
}
<input type=checkbox checked name=allTeams onclick="checkAll(this, 'teamIds')">
<input type="checkbox" name="teamIds" checked value="<%=.....%>" onclick="check(this, 'allTeams')">
7.DIV 的顯示、隱藏
鏈接實(shí)現(xiàn)
<script language="javascript">
function showLay(divId){
var objDiv = eval(divId);
if (objDiv.style.display=="none"){
eval("sp"+divId+".innerHTML='隱藏'");
objDiv.style.display="";
}else{
eval("sp"+divId+".innerHTML='查看'");
objDiv.style.display="none";
}}
</script>
<td>
<a href="#" onclick="showLay('Layer1')"><span id="spLayer1">查看</span></a>
<br>
<div id="Layer1" style="display:none;">......</div>
</td>
按鈕實(shí)現(xiàn)
<SCRIPT LANGUAGE="JavaScript">
function hidden_show()
{
var obj = document.getElementById("Layer1");
if(obj.style.visibility == "")
obj.style.visibility = "hidden";
else
obj.style.visibility = "";
}
</SCRIPT>
<td>
<INPUT TYPE="button" onclick="hidden_show();" value="hidden/show">
<br>
<div id="Layer1" >
<%=weekPlan%>
</div>
</td>
posted on 2008-11-24 23:25
Vincent-chen 閱讀(207)
評論(0) 編輯 收藏 所屬分類:
JavaScript