1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件
2.网页按钮的特殊颜色
<input type=button name="Submit1" value="郭强" size=10 class=s02
style="background-color:rgb(235,207,22)">
3.鼠标移入移出时颜色变化
<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"
onMouseOver=this.style.color="red" class="button">
BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">
5.按钮颜色变化
<input type=text name="nick" style="border:1px solid #666666; font-size:9pt; height:17px;
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
6.平面输入框
<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">
7.使窗口变成指定的大小
<script>
window.resizeTo(300,283);
</script>
height=60>
<!-- head_scrolltext -->
<tr>
<td>
共和国
</table> <!-- end head_scrolltext -->
</marquee>
9.状态栏显示该页状态
<base οnmοuseοver="window.status='网站建设 http://www.webmake.cn/' ;return true">
12.打印</a>打印网页
<a href='javascript:window.print ()'>
14.显示文档最后修改日期
<script language=javascript>
function hi(str)
{
document.write(document.lastModified)
16.可以根据网页上的选项来确定页面颜色
<HTML>
<HEAD>
<TITLE>background.html</TITLE>
</HEAD>
<SCRIPT>
<!--
οnmοuseοut="this.className='style1'" class="style1">
οnmοuseοut="this.className='style3'" class="style3">
19.打印页面
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
20.可以直接写html语言
document.write("");
21.改变下拉框的颜色
<select name="classid"
size="1" style="color:#008080;font-size: 9pt">
22.转至目标URL
window.location="http://guoguo"
24.文字标签
<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931" id="AltName4"
28.可以比较字符的大小
char=post.charAt(i);
if(!('0'<=char&&char<='9'))
29.将字符转化为数字
month = parseInt(char)
31.改变背景颜色
<td width=* class=dp bgColor=#FAFBFC οnmοuseοver="this.bgColor='#FFFFFF';"
οnmοuseοut="this.bgColor='#FAFBFC';">
33.改变水平线的特征
<hr size="0" noshade color="#C0C0C0">
34.传递参数的方式
<a href="vote.asp?CurPage=8&id=3488">8</a>
36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//
37.刷新页面
javascript:this.location.reload()//
39.文字移动
<marquee scrollamount=3 οnmοuseοver=this.stop(); οnmοuseοut=this.start();>
41.后退
<INPUT TYPE="button" οnclick=window.history.back() value=back>
42.前进
<INPUT TYPE="button" οnclick=window.history.forward() value=forward>
43.刷新
<INPUT TYPE="button" οnclick=document.location.reload() value=reload>
44.转向指定网页
document.location="http://ww"或者document.location.assign("http://guoguo.com")
46.可以下载文件
document.location.href="目标文件"//
SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #e7e7e7;}
/a_13.html')"><img alt=帮助 border=0 src="http://bjpic.163.net/images/mail/button-help.gif"></a>
border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">
οnmοuseοut=this.className='mouseout';><a href="tm.asp?classid=76"><font
55.同时按下CTRL和Q键
document.οnkeydοwn=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
56.以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐
58.动态改变字体的大小
function doZoom(size)
{
document.getElementById('zoom').style.fontSize=size+'px'
}
60.vbsscript确定框
<script language="VBScript">
<!--
MsgBox "确定删除吗?", 4
//-->
</script>//
}
catch(java.lang.Exception ex)
{
ex.printStackTrace();
}
}//
65.定时执行某段程序
setTimeout("change_color()",600);
68.判断cookie是否可用
navigator.cookieEnabled;//
70.截取小数点后两位
var a=3454545.4454545;
alert(a.toFixed(2));//
72.屏蔽右键菜单
οncοntextmenu="event.returnValue = false"//
73.事件禁止起泡
event.cancelBubble = true//
74.禁止在输入框打开输入法
<input style="ime-mode: disabled">//
75.屏蔽汉字和空格
<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|/s/.test(txt.value))">//
77.获得当前的文本框选中的文字
<input οnmοuseup="alert(document.selection.createRange().text)" value=123>//
78.跳转至目标页面,同时不可返回
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//
80.删除表格某行,xx表示某行,下标从0开始计算
document.all.myTable.deleteRow(xx)//
82.event.x,event.clientX,event.offsetX区别:
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置,不
包括滚动条,就是正文区域。 offsetx:设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。
83.显示是鼠标按钮的哪个
<body onMouseDown="alert(event.button)">点Mouse看看//
86.设置表格中的内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//
90.取第x,y的值
<button οnclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//
91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//
93.返回
javascript:history.go(-2);//
94.将页面上选中的内容复制到剪贴板
abcdefg
<input type='button'
οnclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='复制页面选中
98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性,所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;
99.创建新的下拉框选项
new Option(text,value)这样的函数//
style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br> %"+mathstr+"<br>4人<v:Extrusion
backdepth='15pt' on='true'/></v:rect>//
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae
οnmοuseοver='javascript:show(this);' οnmοuseοut='javascript:hide(this);' href='http://www.cnADO.com'
CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae
300,200,200,150,22020096,1572864 xe'/></v:shape>
</v:group>
</v:textbox/></v:rect>
</v:group>
102.是一个特殊的容器,想装个网页都行
<button><iframe src="http://www.google.com/"></iframe></button>//button
103.外部的html代码
event.srcElement.outerHTML//
104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//
107.页面翻转
<html dir=rtl></html>//
110.改变窗口大小
window.resizeTo(200,300);//
112.背景透明
<input type="button" value="Button" style="background-color: transparent; border: 0;">//
113.鼠标为等待形状
<input type=button οnclick="this.style.cursor='wait'">//
114.调用父窗口的函数
opener.fucntion1();//
115.body的内部html代码
<input type="button" οnclick="alert(code.document.body.innerHTML)" value="查看">//
116.框架中调用父窗口的函数
<INPUT TYPE='button' οnclick='parent.test();' value='调用parent窗口的函数'>//
120.获得事件的父与子标签
event.srcElement.children[0]和event.srcElement.parentElement //
122.判断是左键还是右键被按下
<body οnmοusedοwn=if(event.button==1)alert("左键");if(event.button==2)alert("右键")>//
123.获得操作系统的名称和浏览器的名称
document.write(navigator.userAgent)//
124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键
125.将当前位置定位为C盘。
{window.location="c:"}//
126.返回输入框的类型
<script>
alert(event.srcElement.type);//
</script>
127.模拟控件的单击事件
<INPUT TYPE="hidden" name="guoguo" οnclick="haha()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function haha()
{
alert();
}
guoguo.click();
//-->
</SCRIPT>//
130.回车按钮转化为tab按钮
if(event.keyCode==13) event.keyCode=9; //将
132.判断是什么对象
if(typeof(unknown)=="function")return true;
if(typeof(unknown)!="object")return false;//
133.取消文本框自动完成功能
<input type="text" autocomplete="off"> //
<child value='3303'>温州地区</child>
</aa>
<aa>
<child value='3310'>台州地区</child>
<child value='3311'>丽水地区</child>
</aa>
</childrenlist>//
href="http://51js.com/viewthread.php?tid=13589" >dddd</a><input>//
140.注意不能通过与 undefined 做比较来测试一个变量是否存在,虽然可以检查它的类型是否为“undefined”。在以
下的代码范例中,假设程序员想测试是否已经声明变量 x :
// 这种方法不起作用
if (x == undefined)
// 作某些操作
// 这个方法同样不起作用- 必须检查
143.判断一个数字是否是整数
var a=23.2;
alert(a%1==1)//
144.新建日期型变量
var a = new Date(2000, 1, 1);
alert(a.toLocaleDateString());
// 多宽?(数值)
this.width = width;
// 横截面形状?(字符串)
this.shape = shape;
// 是否加蛋黄?(boolean)
this.hasEgg = hasEgg;
148.打印出错误原因
try
{
x = y // 产生错误。
}
catch(e)
{
document.write(e.description) //打印 "'y' is undefined".
}//
象变量在代码中引用它。 在下面的例子中,通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象,
155.取得鼠标所在处的对象
var obj = document.elementFromPoint(event.x,event.y);//
156.获得左边的对象
<INPUT TYPE="text" NAME="gg"><INPUT TYPE="text" NAME="bb"
οnclick="this.previousSibling.value='guoguo'">//
159.判断一个窗口是否已经打开,如果已经打开,则关闭之
var a;
if(a)
a.close();
else
a=window.open('','','');//
162.背景图片
<body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif" ></body>//背景图片不动
163.设置透明效果
document.form.xxx.filters.alpha.opacity=0~100//
数的
guoguo.innerText=xmldso.recordset("field_name"); //从中取出某条记录
}
</script>
169.动态修改CSS的另一种方式
this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//
170.正则表达式
匹配中文字符的正则表达式: [/u4e00-/u9fa5]
应用:计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)
String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}
匹配HTML标记的正则表达式:/<(.*)>.*<///1>|<(.*) //>/
应用:javascript中没有像vbscript那样的trim函数,我们就可以利用这个表达式来实现,如下:
String.prototype.trim = function()
{
return this.replace(/(^/s*)|(/s*$)/g, "");
}
下面是利用正则表达式匹配IP地址,并将IP地址转换成对应数值的Javascript程序:
不过上面的程序如果不用正则表达式,而直接用split函数来分解可能更简单,程序如下:
匹配Email地址的正则表达式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*
匹配网址URL的正则表达式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?
思路是使用后向引用取出包括重复的字符,再以重复的字符建立第二个表达式,取到不重复的字符,两者串连。这个方
//得用正则表达式从URL地址中提取文件名的javascript程序,如下结果为page1
s="http://www.9499.net/page1.htm"
s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")
alert(s)
用正则表达式限制只能输入中文:οnkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"
用正则表达式限制只能输入全角字符: οnkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"
用正则表达式限制只能输入数字:οnkeyup="value=value.replace(/[^/d]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
用正则表达式限制只能输入数字和英文:οnkeyup="value=value.replace(/[/W]/g,'')
"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"
173.判断当前的焦点是组中的哪一个
for(var i=0;i<3;i++)
if(event.srcElement==bb[i])
break;//
177.在使用自定义标签的页面中加入自己定义的标签,
<%@ taglib uri="guoguo" prefix="guoguo" %>
//自己定义标签
188.服务器端通过request.getReader()获得传入的字符串
189.在java中使用正则表达式
java.util.regex.Pattern p =
191.加注音
<RUBY>
基准文本
<RT>注音文本
</RUBY>//
193.取frame中的event事件
document.frames("workspace").event.keyCode//
195.防止网页被包含
if (window != window.top)
top.location.href = location.href;//
item(0) returns the first child node.
text Returns the text content of the node.
</BODY>
</HTML>
For an example, you can cut and paste this sample line of code:
199.模式窗口
父窗口
var url="aaa.jsp";
var
201.将url转化为16进制形式
var ret = '';
for(var i=0; i < str.length; i++)
{
var ch = str.charAt(i);
var code = str.charCodeAt(i);
202.打开新的窗口并将新打开的窗口设置为活动窗口
var newWin=window.open("xxxx");
newWin.focus();//
204.JS中的窗口重定向:
window.navigate("http://www.sina.com.cn");//
205.防止链接文字折行
document.body.noWrap=true;//
206.判断字符是否匹配.
string.match(regExpression)//
209.放置在页面的最右边
<input type="text" value='bu2' style="float:right">//
217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//
218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//
idth="+w);
window.opener=null;
window.close();//
224.16进制转换成10进制
var n = parseInt("2AE",16);//这里将16进制的 2AE 转成 10 进制数,得到 n 的值是 686
//abc.css
tr{behavior:url(font_effect.htc);}
"+(y+20)+";background-color: "+color+"' width=1 height=1>")
}//