1.网页技术分为三个方面:静态网页、网页美工、动态网页。
2.DHTML(动态HTML)是一种通过各种技术的综合而得以实现的概念,包括三部分:HTML、Script(JavaScrip or VBScript)、CSS(Cascading Style Sheets)。
1.删除提示
1)<a href="#" onclick="return(confirm('删除后无法恢复,您确定删除吗?'))">删除</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("删除后将不能恢复,您确认执行删除操作么?");
}
document.onclick=delete_confirm;
</script>
2.点击按钮探出提示
<input type=button value="reload" onclick="javascript:reload()">
<script type="text/javascript">
function reload() {
if (confirm("确认?"))
{
var url="#";
window.location.href=url;
}
}
3.点击链接弹出提示
<a href="确认后的连接地址" 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.根据选择的radio转向不同的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 的显示、隐藏
链接实现
<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>
按钮实现
<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>
分享到:
相关推荐
JavaScript作用小结: 1 创建脚本块 2 隐藏脚本代码 3 浏览器不支持的时候显示
一、JavaScript语言特点 1.1、JavaScript是基于对象和事件驱动的(动态的) 它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页...
2、 javascript中的获取数组中的内容有两种:一种直接列举 var arr = new Array(); 或者 var arr = new Array(“China”,123,”USA”); 3、 javascript写在head和body里面的区别: 区别简述:在HTML body部分中的...
在课堂上学到的JavaScript进行总结,希望可以帮助更多的人,多多分享自己,从而能互相学习,如果写的有错误的地方也希望大家能指正
Javascript执行效率小结.pdf
JavaScript键盘事件测试小结,相信可能会对您的工作有一定的帮助作用
小结了javascript刷新web页面的几种方法
javascript数组去重小结_.docx
javascript脚本调试方法小结.docx
javascript中关于div一些的总结...老师给的哦!!!
【JavaScript源代码】11个Javascript小技巧帮你提升代码质量(小结).docx
JavaScript中的document语句类型比较多,不容易记忆和理解,这是我在网上整理的JS中document用法小结
JavaScript常用本地对象小结_.docx
javascript 操作文件 实现方法小结.docx
javascript Onunload与Onbeforeunload使用小结.docx
NULL 博文链接:https://icesylva.iteye.com/blog/2170937
关于javascript的基础知识的总结,适于初学者对Javascript基础知识的理解并掌握
javascript Promise简单学习使用方法小结.docx
NULL 博文链接:https://angrycoder.iteye.com/blog/1153606
javascript中Date format(js日期格式化)方法小结.docx