文档章节

javascript常用功能语句

紫地瓜
 紫地瓜
发布于 2012/11/15 17:54
字数 776
阅读 56
收藏 0

一、关闭页面自己:

<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>

© 著作权归作者所有

紫地瓜
粉丝 28
博文 143
码字总数 212781
作品 0
日本
产品经理
私信 提问
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0
前端基础-JavaScript

开发工具与关键技术:DW/浏览器 ;简单使用js。 作者:刘佳明 撰写时间:2019年1月 18 日 前面已经随手写过了关于网页编辑的一些基础布局和标签的认识;这篇文章在这里为大家简单的介绍一下关...

没有,
01/18
0
0
深入简出 好程序员教你HTML5开发基本常识

1.什么是HTML5开发工程师? HTML5开发工程师是协调HTML5设计师、后端程序员实现网站页面或程序界面,优化交互体验的一个职位。 2.HTML5开发工程师需要掌握哪些职业技能?   市场非常需要精通...

好程序员IT
06/12
0
0
JavaScript语言简介及简单实例

JavaScript语言是基于对象的(Object-Based),而不是面向对象的(object-oriented)。之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功...

icheer
2012/07/08
0
0
《JavaScript权威指南》笔记(一)

《JavaScript权威指南》真是名符其实的好书!真遗憾初学JavaScript时没有立即读这本书,甚为遗憾。不过小有经验之后读来更是有如醍醐灌顶一般,许多之前遇到的奇怪问题和读不懂的代码都迎刃而...

小微
2012/08/28
0
1

没有更多内容

加载失败,请刷新页面

加载更多

https://zhuanlan.zhihu.com/p/61408911

在Logistimo,我们的所有应用程序都是Docker化的,并在Kubernetes内以docker容器运行。我们注意到在使用Java的容器上发生了大量重启,并且非常随机。Docker检查发现该pod被OOMKiller代码杀死...

xiaomin0322
1分钟前
0
0
北斗三号IGSO-2卫星发射成功!

6月25日,中国航天科技集团官方公众号宣布,北斗三号IGSO-2卫星发射成功! 航天科技集团表示,6月25日2点09分,我国在西昌卫星发射中心用长征三号乙运载火箭成功将北斗三号第2颗倾斜地球同步...

linux-tao
5分钟前
1
0
oracle通过dblink查询sqlserver报错

报错如下: SQL> select * from t@mstest; select * from t@test * ERROR at line 1: ORA-28545: error diagnosed by Net8 when connecting to an agent Unable to retrieve text of NETWORK......

突突突酱
7分钟前
0
0
docker-elasticsearch学习

如果不适用docker,面临的问题有: 部署非常慢 成本非常高 资源浪费 难于迁移和扩展 可能会被限定硬件厂商 虚拟化技术的优点: 虚拟化技术出现以后,一个物理机可以部署多个App,每个App独立...

Vincent-Duan
17分钟前
0
0
MySQL权限管理坑

权限系统的工作原理 MySQL权限系统通过下面两个阶段进行认证: (1)对连接的用户进行身份认证,合法的用户通过认证、不合法的用户拒绝连接。 (2)对通过认证的合法用户赋予相应的权限,用户...

bengozhong
19分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部