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
web开发常用js功能性小技巧(转)相关推荐
- web开发常用js及html代码(待整理)
css 创建CLASS并不是建立多种风格的唯一手段, ID也可以用来实现同一规则被应用到页面中不同的地方. 它的语法是: #id名 {标志属性:属性值:标志属性:属性值:--标志属性:属性值} 如上面 ...
- web开发常用js及html代码
本文出自:http://tb.blog.csdn.net/TrackBack.aspx?PostId=710544 css 创建CLASS并不是建立多种风格的唯一手段, ID也可以用来实现同一规则被应 ...
- 转:web开发常用js收藏三
169.动态修改CSS的另一种方式this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";// 1 ...
- 推荐几个web中常用js图表插件
推荐几个web中常用js图表插件 作者:zccst 我自己用过fusioncharts和highchart. jQuery插件有: TufteGraph flot js charts jqchart ...
- JAVASCRIPT常用20种小技巧汇总
1.TEXTAREA自适应文字行数的多少 2.脚本永不出错 <script LANGUAGE="javascript"> </script> 3.ENTER ...
- html是面向对象的开发语言,Web开发常用的6大编程语言和优势
Web前端是互联网时代软件产品研发中不可缺少的一种专业研发角色,所有用户终端产品与视觉和交互有关的部分,都是Web前端工程师的专业领域.Web开发常用的6大编程语言和优势你知道多少,北大青鸟的老师带您 ...
- iPhone开发中一些使用小技巧
经过iphone开发,我发现在开发过程中最难的就是一些嘈杂的细节,而了解一些小技巧就会达到事半功倍的效果,下面我就总结一下在iphone开发中的一些小技巧. 1.如果在程序中想对某张图片进行处理的话( ...
- 常用电脑维护小技巧之二
常用电脑维护小技巧之二 最近队里有好几台电脑因为硬件损坏无法使用,恨自己没有本事,不能修理此类问题,今天写这个文章主要是说说一些自己的理解,如何区分硬件问题,还是因系统和程序等软件引起的问题,软件问题 ...
- 【转】Qtcreator中常用快捷键和小技巧
转自:https://blog.csdn.net/imxiangzi/article/details/48863855 https://blog.csdn.net/jh1513/article/de ...
最新文章
- MongoDB分布式原理以及read-preference和readConcern解决读写一致性问题
- java 校验姓名只能包含中英文_java代码验证用户名,支持中英文(包括全角字符)、数字、下划线和减号 (全角及汉字算两位),长度为4-20位,中文按二位计数...
- 什么是微服务架构,该从哪些方面深入理解?
- 常考数据结构与算法:判断二叉树是否对称(迭代法,递归法)
- 【嵌入式】C语言高级编程-语句表达式(03)
- SAP CRM Fiori应用 my Opportunity的扩展
- dev调试时无法进入下一步_Linux开源实时EtherCAT主站操作系统安装和调试笔记
- SpringBoot 2 整合 Spring Session 最简操作
- 操作系统知识点大总结【进线程管理与调度】
- 互联网带来的颠覆,改变了传统的营销套路
- 基于Unity3D实现的HitUFO鼠标打飞碟游戏
- js实现兼容的本地化存储方案
- 用 Python 快速追踪基金的收益情况 | Python财经实践
- LeetCode-外观数列【小名带你解读LeetCode第38题-外观数列 的题目!最清晰的题解】
- 解决开机时出现An operating system wasn‘t found问题
- Maximum sum on a torus UVA - 10827
- 用MSNCartoon制作个性化卡通头像
- 软件工程中国学科排名——2021软科
- 如何用WGDI进行共线性分析(一点五)
- 环签名——典型的数字签名技术
热门文章
- 怎么使用java官方demo?
- python基础(十三)
- MFC - PreTranslateMessage()响应自定义消息
- 08-Flutter移动电商实战-dio基础_伪造请求头获取数据
- JacksonUtils Jackson的JSON序列化反序列化
- centos7 greenplum6.1开源版本编译
- SQLite shell操作
- 14 | 排序优化:如何实现一个通用的、高性能的排序函数?
- 女生学医检好还是学计算机好,女生学医选择什么专业好?
- 中国微型计算机分省市产量数据统计,2017年6月中国微型计算机设备产量统计数据分析...