技巧收录 - i'am sl

技巧收录

//如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis;">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>

//不要滚动条
<body style="overflow:scroll;overflow-y:hidden"></body> //让竖条没有

<body style="overflow:scroll;overflow-x:hidden"></body> //让横条没有

<body scroll="no"></body> //两个都去掉

//页面中的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

//页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

//页面自动刷新
<meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面.
//页面自动跳转
<meta http-equiv="refresh" content="20;url=http://www.williamlong.info"> 其中20指隔20秒后跳转
//页面自动关闭
<body onLoad="setTimeout(window.close, 5000)"> 其中5000是指时间5000ms=5秒

//网页是否被检索，搜索机器人
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

//网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

//各种样式的光标
a { cursor: pointer; }
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize ：可改变方向的箭头光标
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

//漂亮的横线式输入框
<input name=answer style="color: #ff0000; border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: #cccccc 1px solid;">

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

<a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>

<a href="mailto:kayvin@sohu.com">发送Email</a>

<a href="#" onclick="return false;">伪连接1，点击不回到顶部</a>
<a href="#this">伪连接2，点击不回到顶部</a>
<a href="#" onclick=window.close();return false)>关闭本窗口</a>
<a href="#" onclick=setTimeout('window.close()',3000)>3秒关闭本窗口</a>

<a href="#" onclick=location.replace("view-source:"+"http://www.williamlong.info")>查看源文件</a>
<input type="button" value=查看源文件 onclick="window.location = "view-source:"+ "http://www.williamlong.info"">

<a href="#" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>

<body onblur="this.focus();"> //让弹出窗口总是在最上面:

<body onload="max.Click()"> //窗口一打开就最大化

<body onload="min.Click()"> //窗口一打开就最小化

<body onload="top.resizeTo(300,200);"> //设定打开页面的大小

<body onload="top.moveBy(300,200);"> //打开页面的位置

document.body.clientWidth; document.body.clientHeight //获得一个窗口的大小

window.opener.location.reload() //在打开的子窗口刷新父窗口的代码

window.open (′page.html′, ′newwindow′, ′height=100, width=400, top=0,left=0, toolbar=no, menubar=no,
scrollbars=no, resizable=no,location=no,status=no′)
　　参数解释：
　　window.open 弹出新窗口的命令；
　　′page.html′ 弹出窗口的文件名；
　　′newwindow′ 弹出窗口的名字（不是文件名），非必须，可用空′′代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许;

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

//完全防止COPY
<BODY onmouseup=document.selection.empty() oncontextmenu="return false"
onselectstart="return false" ondragstart="return false"
onbeforecopy="return false" oncopy=document.selection.empty()
onselect=document.selection.empty()>
让自己的网页元素不被他人“直接”复制
</body>

//彻底屏蔽鼠标右键
oncontextmenu="window.event.returnValue=false"
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

//无法选取、防止复制
<body onselectstart="return false">

//无法粘贴
onpaste="return false"

//无法复制
oncopy="return false;" oncut="return false;"

//关闭输入法
<input style="ime-mode:disabled">

//点击全选
<input type="text" id="url" onfocus="f(this);this.select();" onblur="b(this)"/><br/>
<span>点击文本框全选</span>

//屏蔽功能键Shift,Alt,Ctrl
<script>
function lock(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=lock;
</script>

//进入主页后自动最大化,省的去在自己单击了
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

//去掉图片链接点击后，图片周围的虚线
<a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg"></a>

//检查一段字符串是否全由数字组成
<script language="Javascript">
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
</script>

//判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

//TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

//屏蔽脚本错误
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

//ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

//光标总是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

//判断上一页的来源
javascript:
document.referrer

//进入主页以后自动播放声音
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true>

//显示现在时间的脚本
<script language=vbscript>document.write now</script>

//显示最后修改时间的脚本
<script>document.write(document.lastModified)</script>

//状态栏动态显示现在时间
<script>
function see(){
window.setTimeout("see()",1000);
today = new Date();
self.status = today.toString();
}
</script>
<body onload=see()>

//按下F12键,直接返回首页
<script>function look(){
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/}
}
if(document.onkeydown==null)
{document.onkeydown=look}
</script>

//按下Ctrl+Enter提交内容信息
<script language=javascript>
ie = (document.all)? true:false
if (ie){
function ctlent(eventobject){if(event.ctrlKey && window.event.keyCode==13){this.document.form1.submit();}}
}
</script>

//运行代码的代码
<script>
function Preview()
{
var TestWin=open('');
TestWin.document.write(code.value);
}
</script>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >运行</button>

//永远都会带着框架
<script language="JavaScript"></script>

//防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT></SCRIPT>

//网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

//删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a> _fcksavedurl=""javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>"

//选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

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

posted on 2008-03-24 10:05 i'am sl 阅读(193) 评论(0) 收藏举报

刷新页面返回顶部

loadin Do…

公告