javascript常用功能语句
一、关闭页面自己：
<a style=" cursor:hand" onClick="javascript:self.close();">关闭</a>
二、弹出的子页面更新信息提交后，关闭自己刷新父页面
window.alert("设备更新成功！");
window.opener.location.reload();window.opener = null;history.go(0);window.close();
三、控制弹出窗口大小
function openpage(htmlurl,w,h) {
var newwin=window.open(htmlurl,"newWin","toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,resizable=no,top=100,left=200,width="+w+",height="+h+"");
newwin.focus();
return false;
}
<A HREF="update_operate.asp onClick="return openpage(this.href,360,536);">更新</A>
四、javascript之间传递参数
1、传递的是数值
return openpage(this.href,360,536)
function openpage(htmlurl,w,h) {
width="+w+",height="+h+"");
}
2、传递的是字符
senfe("senfe","#fff","#ECF2FE","#cfc","#f00");
function senfe(o,a,b,c,d){
var t=document.getElementById(o).getElementsByTagName("tr");
if(this.x!="1")this.style.backgroundColor=c;
}
五、提示框，警告加判断
<a href='javascript:if(confirm("确实要删除该设备吗?该设备的所有信息将不能恢复。"))location="delete_equipment.asp>删除</a>
<script language="javascript">if (confirm("是否确定")) location.href="xxxx.asp";else location.href="#";</script>
六、提示框，不加判断
response.write "<script LANGUAGE='javascript'>alert('恭喜您注册成功！');location.href='index.asp';</script>"
response.write "<script LANGUAGE='javascript'>alert('您的用户名或密码有误！');history.go(-1);</script>"
七、onmouse语句控制样式
<script language="javascript">
function changebg(num){
document.getElementById("p"+num).style.backgroundImage="url(images/"+num+"_"+num+".gif)";
}
</script>
<p id="p1" style="background-image:url(images/1.gif)"><a href="#"onmouseover="javascript:changebg(1)">在线留言</a></p>
八、页面载入时调用，设置background的CSS
<script language="javascript">
window.onload = f;
function f(){
<%
session("iid")=request.querystring("id")
if session("iid")="" then
%>
document.getElementById("mynav0").style.backgroundPosition="0 -24px";
<% else %>
for ( var id=0;id<=6;id++){
if ( id==<%=session("iid")%> ){
document.getElementById("mynav"+id).style.backgroundPosition="0 -24px";
}
else{
document.getElementById("mynav"+id).style.backgroundPosition="0 0";
}
}
<%
end if
%>
}
</script>
九、页面载入代码
<body onload="initFloatTips();">等效于
window.onload = function(){
initFloatTips();
}
img 中的 onload 事件可以在加载时对图片的属性进行修改,比如:
<img src="http://img.baidu.com/img/logo-zhidao.gif" onload="img_load(this);" />
function img_load(imgObj){
var img=new Image();
img.src=imgObj.src;
if(img.width>60) imgObj.style.width='60px';
}
十、基础语句
声明变量
Var j;
字符串与变量连接
document.getElementById("cat10"+ j +"000").style.display="none";
document.getElementById("a"+<%=session("menuid")%>).className="over";
document.getElementById("<%=session("step")%>").style.display="block";
img.src="images/class1.gif";
var Ptr=document.getElementById("tab").getElementsByTagName("li");
判断条件
（1）等于：==
（2）不等于：!=
（3）多条件连接：||，&&
设置CSS
document.getElementById("mynav0").className="nav_on";
document.getElementById("cat10"+ j +"000").style.display="none";（例：marginTop）
document.getElementById("sidemenu").style.right=(screen.width-1110)/2+"px";
document.getElementById("m"+id).style.backgroundPosition="0 -"+i+"px";//参考：syn/head.php
控制语句
for(var id = 0;id<=7;id++)
function f(){}
if(id==num) {}
十一、在标签中设置css
<li onmouseover="this.style.backgroundImage='url(images/anlibg.jpg)'"></li>
十二、设置图片源SRC
document.getElementById("contentbottom").src="images/contentbottom1.jpg";
十三、设置ul中li的样式
var obj=document.getElementById("pagelist").getElementsByTagName("li")
for(i=0;i<obj.length;i++)
{
obj[i].style.marginRight='80px';
}
十四、通过表单项设置css，如：通过checkbox控制text的显示或隐藏
<input name="sarea" onclick="javascript:change_vaddr()" class="CheckBoxClass" type="checkbox" style="left:150px;" value="1" />
<script type="text/javascript">
function change_vaddr()
{
if(!document.form1.sarea.checked){
document.getElementById("vaddr").style.display="none";
}else{
document.getElementById("vaddr").style.display="block";
}
}
</script>
参考：synyx/myygsm/works_am.php
十五、用按钮提交表单
1、<form method='post' name='form1'>
<input name='del' onclick=confirm('是否删除？');form1.action='MyMessage.asp?action=del&page="&page&"';form1.submit(); type='submit' class='button' value='删除'>
2、<input name=searchkey type=text /><input value='模糊查询' onclick=form1.action='?action=search1&searchkey='+form1.searchkey.value;form1.submit(); type=button />
参考：专利oa中HXPersonalOffice/MyMessage.asp
十六、刷新之前的页面，关闭打开的新页面
<script language=javascript
alert('请先保存记录再管理附件！');
window.opener.location.reload();
window.close();
</script>