﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-开花流水-文章分类-view</title><link>http://www.blogjava.net/zdq5337/category/40184.html</link><description>空山无人，水流花开。</description><language>zh-cn</language><lastBuildDate>Fri, 16 Mar 2012 20:21:00 GMT</lastBuildDate><pubDate>Fri, 16 Mar 2012 20:21:00 GMT</pubDate><ttl>60</ttl><item><title>Javascript中最常用的59个经典技巧 </title><link>http://www.blogjava.net/zdq5337/articles/284727.html</link><dc:creator>开花流水</dc:creator><author>开花流水</author><pubDate>Tue, 30 Jun 2009 02:23:00 GMT</pubDate><guid>http://www.blogjava.net/zdq5337/articles/284727.html</guid><wfw:comment>http://www.blogjava.net/zdq5337/comments/284727.html</wfw:comment><comments>http://www.blogjava.net/zdq5337/articles/284727.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/zdq5337/comments/commentRss/284727.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/zdq5337/services/trackbacks/284727.html</trackback:ping><description><![CDATA[1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<br />
&lt;table border oncontextmenu=return(false)&gt;&lt;td&gt;no&lt;/table&gt; 可用于Table<br />
<br />
2. &lt;body onselectstart="return false"&gt; 取消选取、防止复制<br />
<br />
3. onpaste="return false" 不准粘贴<br />
<br />
4. oncopy="return false;" oncut="return false;" 防止复制<br />
<br />
5. &lt;link rel="Shortcut Icon" href="favicon.ico"&gt; IE地址栏前换成自己的图标<br />
<br />
6. &lt;link rel="Bookmark" href="favicon.ico"&gt; 可以在收藏夹中显示出你的图标<br />
<br />
<br />
7. &lt;input style="ime-mode:disabled"&gt; 关闭输入法<br />
<br />
<br />
8. 永远都会带着框架<br />
&lt;script language="JavaScript"&gt;&lt;!--<br />
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页<br />
// --&gt;&lt;/script&gt;<br />
<br />
<br />
9. 防止被人frame<br />
&lt;SCRIPT LANGUAGE=JAVASCRIPT&gt;&lt;!-- <br />
if (top.location != self.location)top.location=self.location;<br />
// --&gt;&lt;/SCRIPT&gt;<br />
<br />
<br />
10. 网页将不能被另存为<br />
&lt;noscript&gt;&lt;*** src="/*.html&gt;";&lt;/***&gt;&lt;/noscript&gt; <br />
<br />
<br />
11. &lt;input type=button value="/查看网页源代码 <br />
onclick="window.location = "view-source:"+ "http://www.pconline.com.cn""&gt;<br />
12.删除时确认<br />
&lt;a href=""javascript _fcksavedurl="""javascript" _fcksavedurl="""javascript" :if(confirm("确实要删除吗?"))location="boos.asp?&amp;areyou=删除&amp;page=1""&gt;删除&lt;/a&gt; <br />
<br />
<br />
13. 取得控件的绝对位置<br />
//Javascript<br />
&lt;script language="Javascript"&gt;<br />
function getIE(e){<br />
var t=e.offsetTop;<br />
var l=e.offsetLeft;<br />
while(e=e.offsetParent){<br />
t+=e.offsetTop;<br />
l+=e.offsetLeft;<br />
}<br />
alert("top="+t+"/nleft="+l);<br />
}<br />
&lt;/script&gt;<br />
//VBScript<br />
&lt;script language="VBScript"&gt;&lt;!--<br />
function getIE()<br />
dim t,l,a,b<br />
set a=document.all.img1<br />
t=document.all.img1.offsetTop<br />
l=document.all.img1.offsetLeft<br />
while a.tagName&lt;&gt;"BODY"<br />
set a = a.offsetParent<br />
t=t+a.offsetTop<br />
l=l+a.offsetLeft<br />
wend<br />
msgbox "top="&amp;t&amp;chr(13)&amp;"left="&amp;l,64,"得到控件的位置"<br />
end function<br />
--&gt;&lt;/script&gt;<br />
<br />
<br />
14. 光标是停在文本框文字的最后<br />
&lt;script language="javascript"&gt;<br />
function cc()<br />
{<br />
var e = event.srcElement;<br />
var r =e.createTextRange();<br />
r.moveStart("character",e.value.length);<br />
r.collapse(true);<br />
r.select();<br />
}<br />
&lt;/script&gt;<br />
&lt;input type=text name=text1 value="123" onfocus="cc()"&gt;<br />
<br />
<br />
15. 判断上一页的来源<br />
javascript :<br />
document.referrer<br />
<br />
<br />
16. 最小化、最大化、关闭窗口<br />
&lt;object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"&gt; <br />
&lt;param name="Command" value="Minimize"&gt;&lt;/object&gt;<br />
&lt;object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"&gt; <br />
&lt;param name="Command" value="Maximize"&gt;&lt;/object&gt;<br />
&lt;OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"&gt;<br />
&lt;PARAM NAME="Command" value="/Close"&gt;&lt;/OBJECT&gt;<br />
&lt;input type=button value="/最小化 onclick=hh1.Click()&gt;<br />
&lt;input type=button value="/blog/最大化 onclick=hh2.Click()&gt;<br />
&lt;input type=button value=关闭 onclick=hh3.Click()&gt;<br />
本例适用于IE<br />
<br />
<br />
17.屏蔽功能键Shift,Alt,Ctrl<br />
&lt;script&gt;<br />
function look(){ <br />
if(event.shiftKey) <br />
alert("禁止按Shift键!"); //可以换成ALT　CTRL<br />
} <br />
document.onkeydown=look; <br />
&lt;/script&gt;<br />
<br />
<br />
18. 网页不会被缓存<br />
&lt;META HTTP-EQUIV="pragma" CONTENT="no-cache"&gt;<br />
&lt;META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"&gt;<br />
&lt;META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"&gt;<br />
或者&lt;META HTTP-EQUIV="expires" CONTENT="0"&gt;<br />
<br />
<br />
19.怎样让表单没有凹凸感？<br />
&lt;input type=text"border:1 solid #000000"&gt; <br />
或<br />
&lt;input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: <br />
1 solid #000000"&gt;&lt;/textarea&gt;<br />
<br />
<br />
20.&lt;div&gt;&lt;span&gt;&amp;&lt;layer&gt;的区别？ <br />
&lt;div&gt;(division)用来定义大段的页面元素，会产生转行 <br />
&lt;span&gt;用来定义同一行内的元素，跟&lt;div&gt;的唯一区别是不产生转行 <br />
&lt;layer&gt;是ns的标记，ie不支持，相当于&lt;div&gt;<br />
<br />
<br />
21.让弹出窗口总是在最上面:<br />
&lt;body onblur="this.focus();"&gt;<br />
<br />
<br />
22.不要滚动条? <br />
让竖条没有: <br />
&lt;body style="overflow:scroll;overflow-y:hidden"&gt; <br />
&lt;/body&gt; <br />
让横条没有: <br />
&lt;body style="overflow:scroll;overflow-x:hidden"&gt; <br />
&lt;/body&gt; <br />
两个都去掉？更简单了 <br />
&lt;body scroll="no"&gt; <br />
&lt;/body&gt; <br />
<br />
<br />
23.怎样去掉图片链接点击后，图片周围的虚线？<br />
&lt;a href="#" onFocus="this.blur()"&gt;&lt;img src="/logo.jpg" border=0&gt;&lt;/a&gt;<br />
<br />
<br />
24.电子邮件处理提交表单<br />
&lt;form name="form1" method="post" action=mailto:****@***.com <br />
enctype="text/plain"&gt; <br />
&lt;input type=submit&gt;<br />
&lt;/form&gt;<br />
<br />
<br />
25.在打开的子窗口刷新父窗口的代码里如何写？<br />
window.opener.location.reload()<br />
<br />
<br />
26.如何设定打开页面的大小<br />
&lt;body onload="top.resizeTo(300,200);"&gt;<br />
打开页面的位置&lt;body onload="top.moveBy(300,200);"&gt;<br />
<br />
<br />
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <br />
&lt;STYLE&gt; <br />
body <br />
{background-image:url(/logo.gif); background-repeat:no-repeat; <br />
background-position:center;background-attachment: fixed} <br />
&lt;/STYLE&gt; <br />
<br />
<br />
28. 检查一段字符串是否全由数字组成<br />
&lt;script language="Javascript"&gt;&lt;!--<br />
function checkNum(str){return str.match(//D/)==null}<br />
alert(checkNum("1232142141"))<br />
alert(checkNum("123214214a1"))<br />
// --&gt;&lt;/script&gt;<br />
<br />
<br />
29. 获得一个窗口的大小<br />
document.body.clientWidth; document.body.clientHeight<br />
<br />
<br />
30. 怎么判断是否是字符<br />
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");<br />
else alert("全是字符");<br />
<br />
<br />
31.TEXTAREA自适应文字行数的多少<br />
&lt;textarea rows=1 name=s1 cols=27 onpropertychange<br />
="this.style.posHeight=this.scrollHeight"&gt;<br />
&lt;/textarea&gt;<br />
<br />
<br />
32. 日期减去天数等于第二个日期<br />
&lt;script language=Javascript&gt;<br />
function cc(dd,dadd)<br />
{<br />
//可以加上错误处理<br />
var a = new Date(dd)<br />
a = a.valueOf()<br />
a = a - dadd * 24 * 60 * 60 * 1000<br />
a = new Date(a)<br />
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")<br />
}<br />
cc("12/23/2002",2)<br />
&lt;/script&gt;<br />
<br />
<br />
33. 选择了哪一个Radio<br />
&lt;HTML&gt;&lt;script language="vbscript"&gt;<br />
function checkme()<br />
for each ob in radio1<br />
if ob.checked then <br />
window.alert ob.value<br />
next<br />
end function<br />
&lt;/script&gt;&lt;BODY&gt;<br />
&lt;INPUT name="radio1" type="radio" value="/style" checked&gt;Style<br />
&lt;INPUT name="radio1" type="radio" value="/blog/barcode"&gt;Barcode<br />
&lt;INPUT type="button" value="check" onclick="checkme()"&gt;<br />
&lt;/BODY&gt;&lt;/HTML&gt;<br />
<br />
<br />
34.脚本永不出错<br />
&lt;SCRIPT LANGUAGE="JavaScript"&gt; <br />
&lt;!-- Hide <br />
function killErrors() { <br />
return true; <br />
} <br />
window.onerror = killErrors; <br />
// --&gt; <br />
&lt;/SCRIPT&gt;<br />
<br />
<br />
35.ENTER键可以让光标移到下一个输入框<br />
&lt;input onkeydown="if(event.keyCode==13)event.keyCode=9"&gt;<br />
<br />
<br />
36. 检测某个网站的链接速度：<br />
把如下代码加入&lt;body&gt;区域中:<br />
&lt;script language=Javascript&gt;<br />
tim=1<br />
setInterval("tim++",100)<br />
b=1<br />
var autourl=new Array()<br />
autourl[1]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0&gt;www.njcatv.net"<br />
autourl[2]="javacool.3322.net"<br />
autourl[3]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0&gt;www.sina.com.cn"<br />
autourl[4]="www.nuaa.edu.cn"<br />
autourl[5]=1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0&gt;www.cctv.com"<br />
function butt(){<br />
***("&lt;form name=autof&gt;")<br />
for(var i=1;i&lt;autourl.length;i++)<br />
***("&lt;input type=text name=txt"+i+" size=10 value="/测试中&#8230;&#8230;&gt; =》&lt;input type=text <br />
name=url"+i+" size=40&gt; =》&lt;input type=button value="/blog/GO <br />
onclick=window.open(this.form.url"+i+".value)&gt;&lt;br&gt;")<br />
***("&lt;input type=submit value=刷新&gt;&lt;/form&gt;")<br />
}<br />
butt()<br />
function auto(url){<br />
document.forms[0]["url"+b].value=url<br />
if(tim&gt;200)<br />
{document.forms[0]["txt"+b].value="/链接超时"}<br />
else<br />
{document.forms[0]["txt"+b].value="/blog/时间"+tim/10+"秒"}<br />
b++<br />
}<br />
function run(){for(var i=1;i&lt;autourl.length;i++)***("&lt;img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 <br />
onerror=auto("http://"+autourl+"")&gt;")}<br />
run()&lt;/script&gt;<br />
<br />
<br />
37. 各种样式的光标<br />
auto ：标准光标<br />
default ：标准箭头<br />
hand ：手形光标<br />
wait ：等待光标<br />
text ：I形光标<br />
vertical-text ：水平I形光标<br />
no-drop ：不可拖动光标<br />
not-allowed ：无效光标<br />
help ：?帮助光标<br />
all-scroll ：三角方向标<br />
move ：移动标<br />
crosshair ：十字标<br />
e-resize<br />
n-resize<br />
nw-resize<br />
w-resize<br />
s-resize<br />
se-resize<br />
sw-resize<br />
<br />
<br />
38.页面进入和退出的特效<br />
进入页面&lt;meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"&gt;<br />
推出页面&lt;meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"&gt;&nbsp; <br />
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:<br />
0 矩形缩小 <br />
1 矩形扩大 <br />
2 圆形缩小<br />
3 圆形扩大 <br />
4 下到上刷新 <br />
5 上到下刷新<br />
6 左到右刷新 <br />
7 右到左刷新 <br />
8 竖百叶窗<br />
9 横百叶窗 <br />
10 错位横百叶窗 <br />
11 错位竖百叶窗<br />
12 点扩散 <br />
13 左右到中间刷新 <br />
14 中间到左右刷新<br />
15 中间到上下<br />
16 上下到中间 <br />
17 右下到左上<br />
18 右上到左下 <br />
19 左上到右下 <br />
20 左下到右上<br />
21 横条 <br />
22 竖条 <br />
23 以上22种随机选择一种<br />
<br />
<br />
39.在规定时间内跳转<br />
&lt;META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com"&gt; <br />
<br />
<br />
40.网页是否被检索<br />
&lt;meta name="ROBOTS" content="属性值"&gt;<br />
其中属性值有以下一些:<br />
属性值为"all": 文件将被检索，且页上链接可被查询；<br />
属性值为"none": 文件不被检索，而且不查询页上的链接；<br />
属性值为"index": 文件将被检索；<br />
属性值为"follow": 查询页上的链接；<br />
属性值为"noindex": 文件不检索，但可被查询链接；<br />
属性值为"nofollow": 文件不被检索，但可查询页上的链接。<br />
<br />
<br />
41、email地址的分割<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;a href="mailto:webmaster@sina.com"&gt;webmaster@sina.com&lt;/a&gt;<br />
<br />
<br />
42、流动边框效果的表格<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;SCRIPT&gt;<br />
l=Array(6,7,8,9,'a','b','b','c','d','e','f')<br />
Nx=5;Ny=35<br />
t="&lt;table border=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"&gt;&lt;tr&gt;"<br />
for(x=Nx;x&lt;Nx+Ny;x++)<br />
t+="&lt;td width=16 id=a_mo"+x+"&gt;　&lt;/td&gt;"<br />
t+="&lt;/tr&gt;&lt;tr&gt;&lt;td width=10 id=a_mo"+(Nx-1)+"&gt;　&lt;/td&gt;&lt;td colspan="+(Ny-2)+" rowspan="+(Nx)+"&gt;　&lt;/td&gt;&lt;td width=16 id=a_mo"+(Nx+Ny)+"&gt;&lt;/td&gt;&lt;/tr&gt;"<br />
for(x=2;x&lt;=Nx;x++)<br />
t+="&lt;tr&gt;&lt;td width=16 id=a_mo"+(Nx-x)+"&gt;　&lt;/td&gt;&lt;td width=16 id=a_mo"+(Ny+Nx+x-1)+"&gt;　&lt;/td&gt;&lt;/tr&gt;"<br />
t+="&lt;tr&gt;"<br />
for(x=Ny;x&gt;0;x--)<br />
t+="&lt;td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"&gt;　&lt;/td&gt;"<br />
***(t+"&lt;/tr&gt;&lt;/table&gt;")<br />
var N=Nx*2+Ny*2<br />
function f1(y){<br />
for(i=0;i&lt;N;i++){<br />
c=(i+y)%20;if(c&gt;10)c=20-c<br />
document.all["a_mo"+(i)].bgColor=""""#0000"+l[c]+l[c]+"'"}<br />
y++<br />
setTimeout('f1('+y+')','1')}<br />
f1(1)<br />
&lt;/SCRIPT&gt;<br />
<br />
<br />
43、JavaScript主页弹出窗口技巧<br />
窗口中间弹出<br />
&lt;script&gt;<br />
window.open("http://www.cctv.com","","width=400,height=240,top="+(screen.availHeight-240)/2+",left="+(screen.availWidth-400)/2);<br />
&lt;/script&gt;<br />
============<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script language="LiveScript"&gt;<br />
function WinOpen() {<br />
&nbsp;&nbsp;&nbsp; msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");<br />
&nbsp;&nbsp;&nbsp; msg.***("&lt;HEAD&gt;&lt;TITLE&gt;哈 罗!&lt;/TITLE&gt;&lt;/HEAD&gt;");<br />
&nbsp;&nbsp;&nbsp; msg.***("&lt;CENTER&gt;&lt;H1&gt;酷 毙 了!&lt;/H1&gt;&lt;h2&gt;这 是&lt;B&gt;JavaScript&lt;/B&gt;所 开 的 视 窗!&lt;/h2&gt;&lt;/CENTER&gt;");<br />
}<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;form&gt;<br />
&lt;input type="button" name="Button1" value="Push me" onclick="WinOpen()"&gt;<br />
&lt;/form&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
==============<br />
一、在下面的代码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。<br />
代码如下： <br />
&lt;SCRIPT language="JavaScript"&gt; <br />
&lt;！-- <br />
function openclk() { <br />
another=open('1000){this.resized=true;this.style.width=1000;}" align=absMiddle border=0&gt;http://www.ccidnet.com'，'NewWindow'); <br />
} <br />
function closeclk() { <br />
another.close(); <br />
} <br />
//--&gt; <br />
&lt;/SCRIPT&gt; <br />
&lt;FORM&gt; <br />
&lt;INPUT TYPE="BUTTON" NAME="open" value="/打开一个窗口" onClick="openclk()"&gt; <br />
&lt;BR&gt; <br />
&lt;INPUT TYPE="BUTTON" NAME="close" value="/blog/关闭这个窗口" onClick="closeclk()"&gt; <br />
&lt;/FORM&gt; <br />
二、上面的代码也太静了，为何不来点动感呢？如果能给页面来个降落效果那该多好啊！ <br />
代码如下： <br />
&lt;script&gt; <br />
function drop(n) { <br />
if(self.moveBy){ <br />
self.moveBy (0，-900); <br />
for(i = n; i &gt; 0; i--){ <br />
self.moveBy(0，3); <br />
} <br />
for(j = 8; j &gt; 0; j--){ <br />
self.moveBy(0，j); <br />
self.moveBy(j，0); <br />
self.moveBy(0，-j); <br />
self.moveBy(-j，0); <br />
} <br />
} <br />
} <br />
&lt;/script&gt; <br />
&lt;body onLoad="drop(300)"&gt; <br />
三、讨厌很多网站总是按照默认窗口打开，如果你能随心所欲控制打开的窗口那该多好。 <br />
代码如下: <br />
&lt;SCRIPT LANGUAGE="JavaScript"&gt; <br />
&lt;！-- Begin <br />
function popupPage(l， t， w， h) { <br />
var windowprops = "location=no，scrollbars=no，menubars=no，toolbars=no，resizable=yes" + <br />
"，left=" + l + "，top=" + t + "，width=" + w + "，height=" + h; <br />
var URL = "http://www.80cn.com"; <br />
popup = window.open(URL，"MenuPopup"，windowprops); <br />
} <br />
// End --&gt; <br />
&lt;/script&gt; <br />
&lt;table&gt; <br />
&lt;tr&gt; <br />
&lt;td&gt; <br />
&lt;form name=popupform&gt; <br />
&lt;pre&gt; <br />
打开页面的参数&lt;br&gt; <br />
离开左边的距离: &lt;input type=text name=left size=2 maxlength=4&gt; pixels <br />
离开右边的距离: &lt;input type=text name=top size=2 maxlength=4&gt; pixels <br />
窗口的宽度: &lt;input type=text name=width size=2 maxlength=4&gt; pixels <br />
窗口的高度: &lt;input type=text name=height size=2 maxlength=4&gt; pixels <br />
&lt;/pre&gt; <br />
&lt;center&gt; <br />
&lt;input type=button value="打开这个窗口！" onClick="popupPage(this.form.left.value， this.form.top.value， this.form.width.value，<br />
this.form.height.value)"&gt; <br />
&lt;/center&gt; <br />
&lt;/form&gt; <br />
&lt;/td&gt; <br />
&lt;/tr&gt; <br />
&lt;/table&gt;你只要在相对应的对话框中输入一个数值即可，将要打开的页面的窗口控制得很好。 <br />
<br />
<br />
44、页面的打开移动<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;SCRIPT LANGUAGE="JavaScript"&gt;<br />
&lt;!-- Begin<br />
for (t = 2; t &gt; 0; t--) {<br />
for (x = 20; x &gt; 0; x--) {<br />
for (y = 10; y &gt; 0; y--) {<br />
parent.moveBy(0,-x);<br />
&nbsp;&nbsp; }<br />
}<br />
for (x = 20; x &gt; 0; x--) {<br />
for (y = 10; y &gt; 0; y--) {<br />
parent.moveBy(0,x);<br />
&nbsp;&nbsp; }<br />
}<br />
for (x = 20; x &gt; 0; x--) {<br />
for (y = 10; y &gt; 0; y--) {<br />
parent.moveBy(x,0);<br />
&nbsp;&nbsp; }<br />
}<br />
for (x = 20; x &gt; 0; x--) {<br />
for (y = 10; y &gt; 0; y--) {<br />
parent.moveBy(-x,0);<br />
&nbsp;&nbsp;&nbsp;&nbsp; }<br />
&nbsp;&nbsp; } <br />
}<br />
//--&gt;<br />
//&nbsp;&nbsp; End --&gt;<br />
&lt;/script&gt;<br />
<br />
<br />
45、显示个人客户端机器的日期和时间<br />
&lt;script language="LiveScript"&gt;<br />
&lt;!-- Hiding<br />
&nbsp;&nbsp; today = new Date()<br />
&nbsp;&nbsp; ***("现 在 时 间 是： ",today.getHours(),":",today.getMinutes())<br />
&nbsp;&nbsp; ***("&lt;br&gt;今 天 日 期 为： ", today.getMonth()+1,"/",today.getDate(),"/",today.getYear());<br />
// end hiding contents --&gt;<br />
&lt;/script&gt;<br />
<br />
<br />
46、自动的为你每次产生最後修改的日期了： <br />
&lt;html&gt;<br />
&lt;body&gt;<br />
This is a simple HTML- page.<br />
&lt;br&gt;<br />
Last changes:<br />
&nbsp;&nbsp; &lt;script language="LiveScript"&gt;<br />
&nbsp;&nbsp; &lt;!--&nbsp;&nbsp; hide script from old browsers<br />
&nbsp;&nbsp;&nbsp;&nbsp; ***(document.lastModified)<br />
&nbsp;&nbsp; // end hiding contents --&gt;<br />
&nbsp;&nbsp; &lt;/script&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
<br />
<br />
47、不能为空和邮件地址的约束：<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script language="JavaScript"&gt;<br />
&lt;!-- Hide<br />
function test1(form) {<br />
&nbsp;&nbsp; if (form.text1.value == "")<br />
&nbsp;&nbsp;&nbsp;&nbsp; alert("您 没 写 上 任 何 东 西， 请 再 输 入 一 次 !")<br />
&nbsp;&nbsp; else { <br />
&nbsp;&nbsp;&nbsp; alert("嗨 "+form.text1.value+"! 您 已 输 入 完 成 !");<br />
&nbsp;&nbsp; }<br />
}<br />
function test2(form) {<br />
&nbsp;&nbsp; if (form.text2.value == "" || <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; form.text2.value.indexOf('@', 0) == -1) <br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; alert("这 不 是 正 确 的 e-mail address! 请 再 输 入 一 次 !");<br />
&nbsp;&nbsp; else alert("您 已 输 入 完 成 !");<br />
}<br />
// --&gt;<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body&gt;<br />
&lt;form name="first"&gt;<br />
Enter your name:&lt;br&gt;<br />
&lt;input type="text" name="text1"&gt;<br />
&lt;input type="button" name="button1" value="输 入 测 试" onClick="test1(this.form)"&gt;<br />
&lt;P&gt;<br />
Enter your e-mail address:&lt;br&gt;<br />
&lt;input type="text" name="text2"&gt;<br />
&lt;input type="button" name="button2" value="输 入 测 试" onClick="test2(this.form)"&gt;<br />
&lt;/body&gt;<br />
<br />
<br />
48、跑马灯<br />
&lt;html&gt;<br />
&lt;head&gt;<br />
&lt;script language="JavaScript"&gt;<br />
&lt;!-- Hide<br />
var scrtxt="怎麽样 ! 很酷吧 ! 您也可以试试."+"Here goes your message the visitors to your <br />
page will "+"look at for hours in pure fascination...";<br />
var lentxt=scrtxt.length;<br />
var width=100;<br />
var pos=1-width;<br />
function scroll() {<br />
&nbsp;&nbsp; pos++;<br />
&nbsp;&nbsp; var scroller="";<br />
&nbsp;&nbsp; if (pos==lentxt) {<br />
&nbsp;&nbsp;&nbsp;&nbsp; pos=1-width;<br />
&nbsp;&nbsp; }<br />
&nbsp;&nbsp; if (pos&lt;0) {<br />
&nbsp;&nbsp;&nbsp;&nbsp; for (var i=1; i&lt;=Math.abs(pos); i++) {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scroller=scroller+" ";}<br />
&nbsp;&nbsp;&nbsp;&nbsp; scroller=scroller+scrtxt.substring(0,width-i+1);<br />
&nbsp;&nbsp; }<br />
&nbsp;&nbsp; else {<br />
&nbsp;&nbsp;&nbsp;&nbsp; scroller=scroller+scrtxt.substring(pos,width+pos);<br />
&nbsp;&nbsp; }<br />
&nbsp;&nbsp; window.status = scroller;<br />
&nbsp;&nbsp; setTimeout("scroll()",150);<br />
&nbsp;&nbsp; }<br />
//--&gt;<br />
&lt;/script&gt;<br />
&lt;/head&gt;<br />
&lt;body onLoad="scroll();return true;"&gt;<br />
这里可显示您的网页 !<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
<br />
<br />
49、在网页中用按钮来控制前页，后页和主页的显示。<br />
&lt;html&gt;<br />
&lt;body&gt;<br />
&lt;FORM NAME="buttonbar"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;INPUT TYPE="button" VALUE="Back" onClick="history.back()"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;INPUT TYPE="button" VALUE="JS- Home" onClick="location='script.html'"&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;INPUT TYPE="button" VALUE="Next" onCLick="history.forward()"&gt;<br />
&lt;/FORM&gt;<br />
&lt;/body&gt;<br />
&lt;/html&gt;<br />
50、查看某网址的源代码<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;SCRIPT&gt;<br />
function add()<br />
{<br />
var ress=document.forms[0].luxiaoqing.value<br />
window.location="view-source:"+ress;<br />
}<br />
&lt;/SCRIPT&gt;<br />
输入要查看源代码的URL地址:<br />
&lt;FORM&gt;&lt;input type="text" name="luxiaoqing" size=40 value="http://"&gt;&lt;/FORM&gt;<br />
&lt;FORM&gt;&lt;br&gt;<br />
&lt;INPUT type="button" value="查看源代码" onClick=add()&gt;<br />
&lt;/FORM&gt;<br />
<br />
<br />
51、title显示日期<br />
把如下代码加入&lt;body&gt;区域中:<br />
&lt;script language="JavaScript1.2"&gt;<br />
&lt;!--hide<br />
var isnMonth = new<br />
Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");<br />
var isnDay = new<br />
Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");<br />
today = new Date () ;<br />
Year=today.getYear();<br />
Date=today.getDate();<br />
if (document.all)<br />
document.title="今天是: "+Year+"年"+isnMonth[today.getMonth()]+Date+"日"+isnDay[today.getDay()]<br />
//--hide--&gt;<br />
&lt;/script&gt;<br />
<br />
<br />
52、显示所有链接<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;script language="JavaScript1.2"&gt;<br />
&lt;!--<br />
function extractlinks(){<br />
var links=document.all.tags("A")<br />
var total=links.length<br />
var win2=window.open("","","menubar,scrollbars,toolbar")<br />
win2.***("&lt;font size='2'&gt;一共有"+total+"个连接&lt;/font&gt;&lt;br&gt;")<br />
for (i=0;i&lt;total;i++){<br />
win2.***("&lt;font size='2'&gt;"+links[i].outerHTML+"&lt;/font&gt;&lt;br&gt;")<br />
}<br />
}<br />
//--&gt;<br />
&lt;/script&gt;<br />
&lt;input type="button" onClick="extractlinks()" value="显示所有的连接"&gt;<br />
<br />
<br />
53、回车键换行<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;script type="text/javascript"&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />
function handleEnter (field, event) {<br />
&nbsp;&nbsp; var keyCode = event.keyCode ? event.keyCode : event.which ?<br />
event.which : event.charCode;<br />
&nbsp;&nbsp; if (keyCode == 13) {<br />
&nbsp;&nbsp;&nbsp; var i;<br />
&nbsp;&nbsp;&nbsp; for (i = 0; i &lt; field.form.elements.length; i++)<br />
&nbsp;&nbsp;&nbsp;&nbsp; if (field == field.form.elements[i])<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; break;<br />
&nbsp;&nbsp;&nbsp; i = (i + 1) % field.form.elements.length;<br />
&nbsp;&nbsp;&nbsp; field.form.elements[i].focus();<br />
&nbsp;&nbsp;&nbsp; return false;<br />
&nbsp;&nbsp; } <br />
&nbsp;&nbsp; else<br />
&nbsp;&nbsp; return true;<br />
}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br />
&lt;/script&gt;<br />
&lt;form&gt;<br />
&lt;input type="text" onkeypress="return handleEnter(this, event)"&gt;&lt;br&gt;<br />
&lt;input type="text" onkeypress="return handleEnter(this, event)"&gt;&lt;br&gt;<br />
&lt;textarea&gt;回车换行<br />
<br />
<br />
54、确认后提交<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;SCRIPT LANGUAGE="JavaScript"&gt;<br />
&lt;!--<br />
function msg(){<br />
if (confirm("你确认要提交嘛！"))<br />
document.lnman.submit()<br />
}<br />
//--&gt;<br />
&lt;/SCRIPT&gt;<br />
&lt;form name="lnman" method="post" action=""&gt;<br />
&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" name="textfield" value="确认后提交"&gt;<br />
&nbsp;&nbsp; &lt;/p&gt;<br />
&nbsp;&nbsp; &lt;p&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="button" name="Submit" value="提交" onclick="msg();"&gt;<br />
&nbsp;&nbsp; &lt;/p&gt;<br />
&lt;/form&gt;<br />
<br />
<br />
55、改变表格的内容<br />
把如下代码加入&lt;body&gt;区域中<br />
&lt;script ***script&gt;<br />
var arr=new Array()<br />
arr[0]="一一一一一";<br />
arr[1]="二二二二二";<br />
arr[2]="三三三三三";<br />
&lt;/script&gt;<br />
&lt;select onchange="zz.cells[this.selectedIndex].innerHTML=arr[this.selectedIndex]"&gt;<br />
&nbsp;&nbsp; &lt;option value=a&gt;改变第一格&lt;/option&gt;<br />
&nbsp;&nbsp; &lt;option value=a&gt;改变第二格&lt;/option&gt;<br />
&nbsp;&nbsp; &lt;option value=a&gt;改变第三格&lt;/option&gt;<br />
&lt;/select&gt;<br />
&lt;table id=zz border=1&gt;<br />
&nbsp;&nbsp; &lt;tr height=20&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp; &lt;td width=150&gt;第一格&lt;/td&gt;<br />
&lt;td width=150&gt;第二格&lt;/td&gt;<br />
&lt;td width=150&gt;第三格&lt;/td&gt;<br />
&nbsp;&nbsp; &lt;/tr&gt;<br />
&lt;/table&gt;<br />
<br />
&nbsp;<br />
56 天气预报代码<br />
<br />
第一款<br />
&lt;iframe name="I1" src="http://weather.qq.com/inc/ss150.htm" width="250" height="240"&gt;<br />
&lt;/iframe&gt;<br />
第二款：<br />
&lt;iframe name="I1" src="http://panel.qq.com/hd/weather.shtml" width="300" height="250"&gt;<br />
第三款：<br />
&lt;iframe name="I1" src="http://minisite.qq.com/Weather/qqmini.html" width="300" height="250"&gt;<br />
<br />
57 视频MTV代码(地址要以.rm/.wmv/.asf/.avi/.mpg结尾)<br />
<br />
(播放器的大小可以自己调整代码中的数值，只需改height =&#8220;高度&#8221;，width =&#8220;宽度&#8221;)<br />
<br />
以.wmv或者.asf结尾:<br />
<br />
&lt;embed src=http://你的视频文件地址 width=360 height=280 loop= true&gt;<br />
<br />
以.rm结尾:<br />
<br />
&lt;embed src=http://你的视频文件地址 type=audio/x-pn-realaudio-plugin console=clip1 controls=ImageWindow height=124<br />
<br />
width=180 autostart=true loop=true&gt;<br />
<br />
以.avi或者.mpg结尾:<br />
<br />
&lt;embed src="音樂源地址" border="0" width="320" height="240" type="application/x-mplayer2"&gt;&lt;/embed&gt;<br />
<br />
小技巧，想要当你的好友一登陆你的空间就能马上听到最新的音乐视听吗? 技巧在于代码结尾加上wid, 如下<br />
&lt;embed src=http://你的音乐地址 width=360 height=280 wid&gt;<br />
<br />
58 图片提交表单<br />
&lt;a onclick="form_s.submit()" style="CURSOR: hand"&gt; <br />
59javascript的history对象<br />
history对象&nbsp;&nbsp; history对象控制前进和后退。history对象是Window对象的一个子对象.<br />
history提供了3个方法:<br />
1. history.back();&nbsp;&nbsp; //浏览器后退<br />
2. history.forward();//浏览器前进<br />
3. history.go(-2);&nbsp;&nbsp; //浏览器后退两次,当history.go()方法的参数为0时,表示刷新当前页面,<br />
//用户 已经输入的表单数据不会改变. <br />
&lt;a&nbsp;&nbsp; href=#&nbsp;&nbsp; OnClick="javascript:history.back();"&gt;返回&lt;/a&gt;<br />
<br />
<br />
<br />
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/facepp/archive/2008/05/07/2407983.aspx<br />
<img src ="http://www.blogjava.net/zdq5337/aggbug/284727.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/zdq5337/" target="_blank">开花流水</a> 2009-06-30 10:23 <a href="http://www.blogjava.net/zdq5337/articles/284727.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS属性大全1</title><link>http://www.blogjava.net/zdq5337/articles/281354.html</link><dc:creator>开花流水</dc:creator><author>开花流水</author><pubDate>Wed, 10 Jun 2009 15:45:00 GMT</pubDate><guid>http://www.blogjava.net/zdq5337/articles/281354.html</guid><description><![CDATA[<p>[背景]属性共有六项： <br />
「背景颜色」（background-color），设置背景颜色。 <br />
「背景图像」（background-image），设置网页背景图像。 <br />
「重复」（background-repeat），控制背景图像的平铺方式，有不重复（no-repeat）、重复（repeat，沿水平、垂直方向平铺）、横向重复（repeat-X，图像沿水平方向平铺）和纵向重复（repeat-Y，沿图像垂直方向平铺）等4种选择。 <br />
「附加」（background-attachment），用于控制背景图像是否会随页面的滚动而一起滚动。有固定（fixd，文字滚动时，背景图像保质固定）和滚动（scroll，背景图像随文字内容一起滚动）两种选择。 <br />
「水平位置」/「垂直位置」（background-position），确定背景图像的水平、垂直位置 <br />
。共有左对齐（left）、右对齐（right）、顶部（top）、底部（bottom）、居中（center）和值（自定义背景图像的起点位置，可使用户对背景图像的位置做出更精确的控制）等6种选择。 </p>
<p>[类型]属性共有九项： <br />
「字体」（font-family），设定时，需考虑浏览器中有无该字体。 <br />
「大小」（font-size），注意度量单位。 <br />
「粗细」（font-weight），除了normal（正常）、bold（粗体）、bolder（特粗）、lighter（细体）外，还有9种以像素为度量为单位的设置方式。 <br />
「样式」（font-style），也就是字型。 <br />
「行高」（line-height），就是行距。注意，行距只能以是字体大小值为 <br />
「变形」（font-variant），可以将正常文字一半尺寸后大写显示，但IE目前不支持这项属性。 <br />
「大小写」（text-transform），这项属性能轻而易举地控制字母大小写，有首字大写（capitalize、大写（uppercase）、小写（lowercase）和无（none，使所有继承文字和变形参数被忽略，文字将以正常形式显示）等4种。 <br />
「修饰」（text-decoration），用于控制链接文本的显示形态，有下划线（underline）、无下划线（overline）、删除线（line-through）、闪烁（blink）和无（none ，使上述效果均不会发生）等5种修饰方式。但IE4不支持文字闪烁。 </p>
<p>[区块]属性共有六项： <br />
「单词间距」（word-spacing），主要用于控制文字间相隔的距离。有正常（normal）和值（自定义间隔值）两种选择方式。当选择值时，可用的单位有英吋（in）、厘米（cm）、毫米（mm）、点数(pt）、12pt字(pc）、字体高（em）、字体x有高（ex）像素（px）。 <br />
「字母间距」（letter-spacing），其作用与字符间距类似，也有正常（normal）和值（自定义间隔值）两种选择方式。 <br />
「垂直对齐」（vertical-align），控制文字或图像相对于其母体元素的垂直位置。如将一个2&#215;3像素的GIF图像同其母体元素文字的顶部垂直对齐，则该GIF图像将在该行文字的顶部显示。共有基线（baseline，将元素的基准线同母体元素的基准线对齐）、下标（sub，将元素以下标的形式显示）,上标（super，将元素以上标的形式显示）、顶部（top ，将元素顶部同最高的母体元素对齐）、文本顶对齐（text-top，将元素的顶部同母体元素文字的顶部对齐）、中线对齐（middle，将元素的中点同母体元素的中点对齐）、底部（bottom，将元素的底部同最低的母体元素对齐）及值（自定义）等9种选择。 <br />
「文本对齐」（text-align），设置块的水平对齐方式。共有左对齐（left）、右对齐（right）、居中（center）和均分（justify）等4种选择。 <br />
「文字缩进」（text-indent），控制块的缩进程度。 <br />
「空白间距」（white-space），在HTML中，空格是被省略的；在CSS中则使用属性（white-space）控制空格的输入。共有正常（normal）、保留（pre）和不换行（nowrap）等3种选择。 </p>
<p>&nbsp;</p>
<p>[边框]的属性有3项： <br />
「宽」（border-width），控制边框的宽度，其中分为4个属性：border-top-width顶边框的宽度、border-right-width右边框的宽度、border-bottom-width底边框的宽度、border-left-width左边框的宽度。 <br />
「颜色」（border-color），设置各边框的颜色。若要使边框的四边显示不同的颜色，可在设置中分别列出。如， <br />
p{: #ff0000 #009900 #0000ff #55cc00} <br />
浏览器将四种颜色依次理解为：上边框、右边框、底边框和左边框（自上开始顺时针）。 <br />
「样式」（border-style），设定边框的样式，共有无（none）、虚线（dotted）、点划线线（dotted）、点划线（dashed）、实线（solid）、双线（double ）、槽状（grove）、脊状（ridge）、凹陷（inset）和凸起（outset）等9种。 </p>
<p><br />
「盒子」属性共有6项： <br />
「宽」（width），确定盒子本身的宽度，可以使盒子的宽度不依靠它所包含的内容多少。 <br />
「高」（height），确定盒子本身的高度。 <br />
「浮动」（float），设置块元素的浮动效果。 <br />
「清除」（clear），用于清除设置的浮动效果。 <br />
「边距」（margin），控制围绕边框的边距大小。其中包含4个属性：margin-top控制上边距的宽度、margin-right控制右边距的宽度、margin-bottom控制下边距的宽度、margin-left控制左边距的宽度。 <br />
「边界」（padding），确定围绕块元素的空格填充数量，其中包含4个属性「padding-top控制上留白的宽度、padding-right控制右留白的宽度、padding-bottom控制下留白宽度、padding-left控制左留白的宽度。 </p>
<p><br />
[列表]属性共有3项： <br />
「类型」（list-style-type），确定列表每一项前使用的符号，共有圆点（disc）、圆圈（circle）、方形（square）、数字（decimal）、小写罗马数字（lower-roman ）、大写罗马数字（upper-roman）、小写字母（lower-alpha）和大写字母（upper－alpha）等8种。 <br />
「项目图像」（list-style-image），其作用是将列表前面的符号换为图形。 <br />
「位置」（list-style-position），用于描述列表位置，有内（outside）和外（inside）两种选择。 </p>
<p><br />
[定位]属性共有6项： <br />
「类型」（position），用于确定定位的类型，共有绝对（absolute）、相对（relative）和静态（static）等3种选择。 <br />
「Z轴」（z-index），用于控制网页中块元素的叠放顺序，可为元素设置重叠效果。该属性的参数值使用纯整数，值为0时，元素在最下层，适用于绝对定位或相对定位的元素。 <br />
「显示」（visibility）使用该属性可将网页中的元素隐藏，共有继承（inherit，继承母体要素的可视性设置）、可见（visible）和隐藏（hidden）等3种选择。 <br />
「溢出」（overflow），在确定了元素的高度和宽度后，如果元素的面积不能全部显示元素中的内容时，该属性做一日和尚撞一天钟起作用了。其中共有可见（visible，扩大面积以显示所有内容）、隐藏（hidden，隐藏超出范围的内容）、滚动（scroll，在元素的右边显示一个滚动条）和自动（auto，当内容超出元素面积时，显示滚动条）等4种选择。 <br />
「定位」，当为元素确定了绝对定位类型后，该组属性决定元素在网页中的具体位置。该组属性包含4个子属性，分别是「左」（属性名为「left」，控制元素左边的起始位置）、「上」（属性名为「top」，控制元素上面的起始位置）、 「宽」或「高」（与「盒子」类属性面板中「宽」或「高」的属性作用相同）。 <br />
「剪辑」（clip），当元素被指定为绝对定位类型后，该属性可以把元素区域切成各种形状，但目前提供的只有方形一种。属性值为rect(top right bottom left)，即： <br />
rect(top right bottom left)，属性值的单位为任何一种长度单位。 </p>
<p><br />
[扩展]属性共有两部分： <br />
「分页」，其中两个属性的作用是为打印的页面设置分页符。 「之前」（page-break-before）；「之后」（page-break-after）。 <br />
「视觉效果」，其中两个属性的作用是为网页中的元素施加特殊效果。 「光标」（cusor），可以指定在某个元素上要使用的光标形状，共有15种选择方式，分别代表鼠标在Windows操作系统中的各种形状。另外它还可以指定指针图标的URL地址；「滤镜」（fiter），可以为网页中元素施加各种奇妙的滤镜效果，共包含有16种滤镜。</p>
<p><br />
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/Gj905/archive/2009/04/22/4101532.aspx</p>
<img src ="http://www.blogjava.net/zdq5337/aggbug/281354.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/zdq5337/" target="_blank">开花流水</a> 2009-06-10 23:45 <a href="http://www.blogjava.net/zdq5337/articles/281354.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>