web开发常用js功能性小技巧(转)

web开发常用js功能性小技巧

--------------------------------------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">;
<HTML>;
<HEAD>;
<TITLE>; New Document </TITLE>;

</HEAD>;

<BODY>;
<FORM METHOD=POST ACTION="">;
<input οnpaste="return false;" type="text" name="textfield" style="width:400px;  ime-mode:disabled" value=" English only">; 
</FORM>;
</BODY>;
</HTML>;

-----------------------------------------------------------------------------
只能输入数字

<script LANGUAGE="javascript">;
<!--
function check()
{
if (document.form.tell.value==""){
 alert("請輸入電話號碼！");
 document.form.tell.focus();
 return false;
}
else{
 var Letters = "0123456789()+-";
 for (i=0; i< document.form.tell.value.length; i++){
    var CheckChar = document.form.tell.value.charAt(i);
    if (Letters.indexOf(CheckChar) == -1){
      alert("電話號碼格式不正確！");
      document.form.tell.focus();
      return false;
     }
   }
 }
}
//-->;
</script>; 

在<body>;...</body>;之间的表单．
<form method="POST" name=form action="" onSubmit="return check();">;
<p align="center">;
  请输入电话号码：<input type="text" name="tell" size="20">;
<input type="submit" value="提交" name="B1">;</p>;
</form>;
 
--------------------------------------------------------------------------------
e mail 合法性检查
function check()
{
if(document.register.email.value.length!=0)
 {
   if (document.register.email.value.charAt(0)=="." ||        
        document.register.email.value.charAt(0)=="@"||       
        document.register.email.value.indexOf('@', 0) == -1 || 
        document.register.email.value.indexOf('.', 0) == -1 || 
        document.register.email.value.lastIndexOf("@")                        　　
 　   ==document.register.email.value.length-1 || 
        document.register.email.value.lastIndexOf(".")
             ==document.register.email.value.length-1)
    {
     alert("Email的格式不正確！");
     document.register.email.focus();
     return false;
     }
  }
else
 {
  alert("Email的不能为空！");
  document.register.email.focus();
  return false;
  }
return false;
} 
-----------------------------------------------------------
页面右键屏蔽
<body οncοntextmenu="return false">;

----------------------------------------------------------------
自动清除输入框中的空格

再<head>;...</head>;间加入 
<SCRIPT LANGUAGE="JavaScript">;
<!--//
function ignoreSpaces(string) {
var temp = "";
string = '' + string;
splitstring = string.split(" "); //双引号之间是个空格；
for(i = 0; i < splitstring.length; i++)
temp += splitstring;
return temp;
}
//-->;
</script>; 

如下代码加入<body>;区

<form method="post" action="...">;
<input type=text size=25 onBlur="this.value=ignoreSpaces(this.value);" name="text">;
<input type=submit value="Ok" name="button">;
</form>;  
 
-----------------------------------------------------------------------
右键菜单的淡入淡出效果
<HTML>;<HEAD>;<TITLE>;右键菜单的淡入淡出效果</TITLE>;
<META content="text/html; charset=gb2312" http-equiv=Content-Type>;
<SCRIPT language=JavaScript>;
<!-- // RightClickMenu
var intDelay=10; //设置菜单显示速度，越大越慢
var intInterval=5; //每次更改的透明度 
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
//ie5menu.style.visibility=""
ie5menu.filters.alpha.opacity=0
GradientShow()
return false
}
function hidemenuie5(){
//ie5menu.style.visibility="hidden"
GradientClose()
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#000000"
}
} 
function jumptoie5(){
if (event.srcElement.className=="menuitems"){
if (event.srcElement.url != ''){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
} 

function GradientShow() //实现淡入的函数 
{ 
ie5menu.filters.alpha.opacity+=intInterval 
if (ie5menu.filters.alpha.opacity<100) setTimeout("GradientShow()",intDelay)
} 

function GradientClose() //实现淡出的函数 
{ 
ie5menu.filters.alpha.opacity-=intInterval 
if (ie5menu.filters.alpha.opacity>;0) { 
 setTimeout("GradientClose()",intDelay) 
 } 
else { 
 ie5menu.style.visibility="hidden"
 } 
} 

function ChangeBG() //改变菜单项的背景颜色，这里的两种颜色值可以改为你需要的 
{ 
oEl=event.srcElement 
if (oEl.style.background!="navy") { 
  oEl.style.background="navy" 
  } 
  else { 
  oEl.style.background="#cccccc" 
  } 
} 
// -->;
</SCRIPT>; 

<style type=text/css>;
.cMenu {
FILTER: alpha(opacity=0);BACKGROUND-COLOR: #D6D3CE;BORDER-BOTTOM: #666666 2px solid; BORDER-LEFT: #E4E4E4 2px solid; BORDER-RIGHT: #666666 2px solid; BORDER-TOP: #E4E4E4 2px solid; COLOR: #000000; CURSOR: default; FONT-SIZE: 9pt; color:#000000;FONT-WEIGHT: normal; LINE-HEIGHT: 20px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 110px
}
.menuitems {
font-size:9pt;
MARGIN: 2px;
PADDING-BOTTOM: 0px;
   PADDING-LEFT: 15px;
   PADDING-RIGHT: 3px;
   PADDING-TOP: 0px;
}
</style>; 

<META content="Microsoft FrontPage 4.0" name=GENERATOR>;
</HEAD>;
<BODY>;
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0>;
</OBJECT>;
<RIGHTCLICK>;<!--[if IE]>;
<DIV class=cMenu id=ie5menu οnclick=jumptoie5() οnmοuseοut=lowlightie5() 
οnmοuseοver=highlightie5()>; 

<DIV class=menuitems url="javascript:click_obj(0)">;后退</DIV>;
<DIV class=menuitems url="javascript:click_obj(1)">;前进</DIV>;
<DIV class=menuhr>;<hr style="width:100%">;</DIV>;
<DIV class=menuitems url="javascript:click_obj(2)">;刷新</DIV>;
<DIV class=menuitems url="javascript:click_obj(3)">;加入收藏夹</DIV>;
<DIV class=menuitems url="javascript:click_obj(4)">;查看源文件</DIV>;
<DIV class=menuhr>;<hr style="width:100%">;</DIV>;
<DIV class=menuitems url="javascript:click_obj(5)">;属性</DIV>; 

</DIV>;
<![endif]-->; 

<SCRIPT language=JavaScript>;
<!--
function click_obj(id){
switch(id){
case 0: 
history.back()
break
case 1:
history.forward()
break
case 2:
window.location.reload()
break
case 3:
window.external.AddFavorite(location.href, document.title)
break
case 4:
window.location = "view-source:" + window.location.href
break
case 5:
document.all.WebBrowser.ExecWB(10,1)
break
}
} 

if (document.all&&window.print){
ie5menu.className="cMenu"
document.οncοntextmenu=showmenuie5
document.body.οnclick=hidemenuie5
}
//-->;
</SCRIPT>;
</RIGHTCLICK>;
</BODY>;</HTML>;

 ----------------------------------------------------------------------------
ie用activex实现打印  我没有检测过版本，ie6下正常
<head>;...</head>;加入：
<SCRIPT LANGUAGE=javascript>;
<!--
function setPrint()
{
WB.ExecWB(8,1);
}
function previewPrint()
{
WB.ExecWB(7,1)
}
//-->;
</SCRIPT>;

在<body>;...</body>;加入：
<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WB width=0>;
</OBJECT>;
<INPUT type="button" value="Set" id=button1 name=button1 οnclick="setPrint();">;
<INPUT type="button" value="Preview" id=button2 name=button2 οnclick="previewPrint();">; 


----------------------------------------------------------------
超链接提交表单 
<script LANGUAGE="JavaScript">;
function checkvalue()
{
 if(document.welcomeform.nickname.value=="")
 {
  alert("昵称不能为空！");
  return(false);
  }
 if(document.welcomeform.password.value=="")
 {
  alert("密码不能为空！");
  return(false);    
  }
 document.welcomeform.submit(); 
 return(true);   
}
</script>;

在<body>;...</body>;之间加入如下代码：
<form name="welcomeform" method="post" action="welcome.asp">;
 <a href="#" οnclick="javascript:checkvalue();return false:">;登录</a>;
</form>; 
----------------------------------------------------------
不允许缓存页面
使用java提供的方法，在jsp或者servlet中都可以
<% 
response.setHeader("Pragma","No-cache"); 
response.setHeader("Cache-Control","no-cache"); 
response.setDateHeader("Expires", 0); 
%>;  

----------------------------------------

转载于:https://www.cnblogs.com/netboygg/archive/2006/09/01/492034.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/436613.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

android studio如何编译测试,Android Studio 进行单元测试完整教程

android studio如何编译测试,Android Studio 进行单元测试完整教程

前言为了这个AndroidStudio的单元测试&#xff0c;从下午搞到晚上才搞明白咋操作。我学一个新知识总是那么坎坷&#xff0c;经历无数的错误路径&#xff0c;才可能找到正确的路在哪儿。我的AndroidStudio我的AndroidStudio是1.5.1版本&#xff0c;但是进行单元测试应该很早的版…
阅读更多...
【转】算法导论学习笔记 一 分治算法

【转】算法导论学习笔记 一 分治算法

分治策略是一种常见的算法。在分治策略中&#xff0c;我们递归的求解一个问题&#xff0c;在每层递归中应用如下三个步骤&#xff1a; 1. 分解&#xff0c;将问题分解成规模更小但解决方案相同的子问题 2. 解决&#xff0c;递归的求解子问题&#xff0c;如果子问题足够小则停止…
阅读更多...
android 对话框白色样式,Android 对话框(Dialog)样式大全以及简单实现

android 对话框白色样式,Android 对话框(Dialog)样式大全以及简单实现

下面是几种对话框的效果图一&#xff1a;图二&#xff1a;图三&#xff1a;图四&#xff1a;图五&#xff1a;图六&#xff1a;图七&#xff1a;图1效果&#xff1a;该效果是当按返回按钮时弹出一个提示&#xff0c;来确保无误操作&#xff0c;采用常见的对话框样式。代码&…
阅读更多...
【转】ABP源码分析二十一：Feature

【转】ABP源码分析二十一：Feature

Feature是什么&#xff1f;Feature就是对function分类的方法&#xff0c;其与function的关系就比如Role和User的关系一样。 ABP中Feature具有以下属性&#xff1a; 其中最重要的属性是name&#xff0c;用以表示feature的Identity,一个feature拥有一个name. 一个Feature可以有一…
阅读更多...
巧克力情歌手－－－McKnight, Brian

巧克力情歌手－－－McKnight, Brian

巧克力情歌手&#xff0d;&#xff0d;&#xff0d;McKnight, Brian McKnight, Brian 1969年6月5日出生于美国纽约州的布法罗。Brian McKnight的哥哥Claude V. McKnight是福音音乐组Take 6的成员&#xff0c;Brian McKnight则是一名蓝调音乐歌手&#xff0c;他首先在布法罗及周…
阅读更多...
android虚拟电话号码,为何安卓手机坚持虚拟按键？这才是原因

android虚拟电话号码,为何安卓手机坚持虚拟按键？这才是原因

关于屏内虚拟按键设计的好坏&#xff0c;一直都存在很大的争议。围绕着屏内虚拟按键&#xff0c;支持者与反对者之间进行了长期的争论&#xff0c;至今仍未分出胜负。然而&#xff0c;当多功能前置指纹按键开始普及的时候&#xff0c;屏内虚拟按键似乎正在逐步走向边缘化。不过…
阅读更多...
【转】ABP源码分析二十二：Navigation

【转】ABP源码分析二十二：Navigation

MenuDefinition&#xff1a;封装了导航栏上的主菜单的属性。 MenuItemDefinition&#xff1a;封装了主菜单的子菜单的属性。子菜单可以引用其他子菜单构成一个菜单树 UserMenu/UserMenuItem&#xff1a;封装了用于显示给用户的菜单/以及子菜单集合。 ABP通过MenuDefinition/Me…
阅读更多...
数据库调优都涉及哪些方面

数据库调优都涉及哪些方面

面试时&#xff0c;经常被问及 “数据库调优”的事情&#xff0c;心想这不是DBA的事吗&#xff0c;但回答不好还是显得不够专业&#xff0c;查一下资料&#xff0c;许多还真是程序员的事情&#xff0c;下面总结一下&#xff0c;希望对大家有所帮助。方面以影响程度排序 D1 业务…
阅读更多...
node.js android 聊天,Node.js实现简单聊天服务器

node.js android 聊天,Node.js实现简单聊天服务器

使用Nodejs是如此简单的实现了一个简单的聊天服务器实现代码如下&#xff1a;var net require(net);var chatServer net.createServer(),clientList [];chatServer.on("connection",function(client){client.name client.remoteAddress ":" client.r…
阅读更多...
【转】ABP源码分析二十三：Authorization

【转】ABP源码分析二十三：Authorization

Permission&#xff1a;用于定义一个Permission&#xff0c;一个permission可以包含多个子Permission. PermissionDictionary&#xff1a;继承自Dictionary<string, Permission>类&#xff0c;很明显是一个用于存储permission对象的字典。 IPermissionDefinitionContext…
阅读更多...
VI/VIM键盘图

VI/VIM键盘图

转载于:https://www.cnblogs.com/sdjc/archive/2006/09/14/1949532.html
阅读更多...
android确认密码代码,Android手机卫士之确认密码对话框

android确认密码代码,Android手机卫士之确认密码对话框

本文接着实现“确认密码”功能&#xff0c;也即是用户以前设置过密码&#xff0c;现在只需要输入确认密码布局文件和《Android 手机卫士--设置密码对话框》中的布局基本类似&#xff0c;所有copy一下&#xff0c;修改一点细节就搞定&#xff1a;android:layout_width"matc…
阅读更多...
修改MD5加密 提高网站安全

修改MD5加密 提高网站安全

发表文章 修改MD5加密 提高网站安全2006-08-28　16:23:55大　中　小特别说明&#xff1a;此种改变只能用于在刚开始建站时才可&#xff0c;如果你中途改变的话就会出现问题。 　　也许提到MD5时大家都很熟&#xff0c;但你真的是这样吗&#xff1f;了解其是如何进行散列的实际过…
阅读更多...
【转】ABP源码分析二十四：Notification

【转】ABP源码分析二十四：Notification

NotificationDefinition: 用于封装Notification Definnition 的信息。注意和Notification 的区别&#xff0c;如果把Notification看成是具体的消息内容&#xff0c;NotificationDefinition则是对这个消息自身的定义&#xff08;可理解为消息的类型&#xff09;。 INotification…
阅读更多...
一剪梅

一剪梅

红藕香残玉簟秋。轻解罗裳&#xff0c;独上兰舟。 云中谁寄锦书来&#xff1f;雁字回时&#xff0c;月满西楼。 花自飘零水自流。一种相思&#xff0c;两处闲愁。 此情无计可消除&#xff0c;才下眉头&#xff0c;却上心头。转载于:https://www.cnblogs.com/daitengfei/archive…
阅读更多...
android手机 scala环境,在Android中使用Scala中的Java常量

android手机 scala环境,在Android中使用Scala中的Java常量

我在Android上的Scala中开发了一个奇怪的问题。我正在使用sbt android插件&#xff0c;现在我正在尝试让内容提供商工作&#xff0c;但是...在Android中使用Scala中的Java常量刚刚用Scala替换了Java的数组代码。它看起来像这样&#xff1a;val projection Array(People.NAME,P…
阅读更多...
【转】ABP源码分析二十五：EventBus

【转】ABP源码分析二十五：EventBus

IEventData/EventData: 封装了EventData信息&#xff0c;触发event的源对象和时间 IEventBus/EventBus: 定义和实现了了一系列注册&#xff0c;注销和触发事件处理函数的方法。EventBus定义了一个Dictionary容器来存放事件和处理该事件的对象(其实不是对象而是Factory&#xf…
阅读更多...
深入Atlas系列：Web Sevices Access in Atlas示例（4） - 使用HTTP GET调用Web Services方法...

深入Atlas系列：Web Sevices Access in Atlas示例（4） - 使用HTTP GET调用Web Services方法...

在之前的例子里&#xff0c;由于Atlas客户端在调用Web Services方法时总是使用了Sys.Net.ServiceMethod类&#xff0c;因此始终使用了HTTP POST方法与服务器端进行交互。POST方法有其好处&#xff0c;不过GET方法也自有其价值。我们在使用Atlas进行Web Services调用时&#xff…
阅读更多...
【转】ABP源码分析二十六：核心框架中的一些其他功能

【转】ABP源码分析二十六：核心框架中的一些其他功能

本文是ABP核心项目源码分析的最后一篇&#xff0c;介绍一些前面遗漏的功能 AbpSession AbpSession: 目前这个和CLR的Session没有什么直接的联系。当然可以自定义的去实现IAbpSession使之与CLR的Session关联 IAbpSession&#xff1a;定义如下图中的四个属性。 NullAbpSessio…
阅读更多...
CASE 语句

CASE 语句

--简单case函数 USE pubsGOSELECT Category CASE type WHEN popular_comp THEN 计算机类 WHEN mod_cook THEN 现代厨艺 WHEN business THEN 商业图书 WHEN psychology THEN 心理学 WHEN trad_cook THEN 传统厨艺 ELS…
阅读更多...
最新文章

Copyright @ 2022~2023