一些常用js代码

Posted on 2008-04-13 12:52  少林  阅读(...)  评论(...编辑  收藏

1. 防止被欠入
<script language="javascript">
<!--
if(window!=window.top){top.location.href=location.href;}
//-->
</script>

2.永远都会带着框架
<script language="javascript">
<!--
 if (window == top)top.location.href = "frames.htm";
// -->
</script>
说明:frames.htm为你的网页,这也是保护页面的一种方法

3.网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
说明:<noscirpt>的用法很广,其中一条就是可以使JS广告失效

4.自动跳转
在源代码中的<head>…</head>加入
<meta http-equiv="refresh" content="8;URL=http://www.liqun.net">
说明:content="8" 表示8秒刷新到URL

5.打开窗口立即最大化
<script language="javascript">
<!-- Begin
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// End -->
</script>

6.加入背景音乐
<bgsound src="mid/min1.mid" loop="-1"> 只适用于IE
<embed src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE 都适用

7.网页过渡方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

网页过渡方式实例:
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)" />
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)" />

8.控制横向和纵向滚动条
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

9.添加到收藏夹:
<a href="java script:window.external.addFavorite('http://www.liqun.net',www.liqun.net');">添加到收藏夹</a>
<a style="cursor:hand"
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>

10.设为首页:
<a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.liqun.net');>设为首页</a>
<a style="cursor:hand" 
onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage(http://www.liqun.net/);">">设为首页</a>

11.状态栏的特效显示
<script language=javascript>kstatus();
function cm(){
self.status="liqun.net";
setTimeout("cm()",0);
}</script>

12.打开网站立即加入收藏夹
<script>
if (navigator.appName == 'Microsoft Internet Explorer' && parseInt(navigator.appVersion) >= 4)
{
window.external.AddFavorite('http://www.liqun.net', '利群');
}
</script>

13.关闭窗口时不弹出提示信息
<a href="#" _fcksavedurl=""#"" onClick="javascrip:window.opener=null;window.close()">关闭</a>

14.背景颜色渐变
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',endColorStr='#F6F9FE'',gradientType='0')

15.背景颜色透明
filter:alpha(opacity=75)

16.弹出窗口属性
<script language="javascript">
<!--
window.open ('page.html', 'newwindow', '100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no')
-->
</script>

<script language="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</script> js脚本结束

17.背景颜色变换
<script type=text/javascript>
function scbg(objRef, state) {
 objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';
 return;
}
</script>
<div onmouseover="scbg(this, 1);" onmouseout="scbg(this, 0);">

18.表格的展开与隐藏
<script language="vbscript">
function showhide(showobject)
 if document.all(showobject).style.display="" then
 document.all(showobject).style.display="none"
 else
 document.all(showobject).style.display=""
 end if
end function
</script>
应用效果
<a href='vbscript:showhide("cont")'>展开或者隐藏</a><br>
<div id="cont">控制的内容范围</div>
使用 a 的链接来控制 id="cont" 的展开或者隐藏

19.滚动条颜色
body{
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#FFB900;
scrollbar-track-color:#EEEEEE;
scrollbar-darkshadow-color:#FFFFFF;}

SCROLLBAR-FACE-COLOR 滚动条凸出部分的颜色
SCROLLBAR-HIGHLIGHT-COLOR 滚动条空白部分的颜色
SCROLLBAR-SHADOW-COLOR 立体滚动条阴影的颜色
SCROLLBAR-3DLIGHT-COLOR 滚动条亮边的颜色
SCROLLBAR-ARROW-COLOR 上下按钮上三角箭头的颜色
SCROLLBAR-TRACK-COLOR 滚动条的背景颜色
SCROLLBAR-DARKSHADOW-COLOR 滚动条强阴影的颜色
SCROLLBAR-BASE-COLOR 滚动条的基本颜色

20.查看IP地址,asp:
=Request.ServerVariables("REMOTE_ADDR")

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

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

23.加入频道
<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

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

25.英文长字段换行
word-break:break-all;

26.同一个元素内容不换行
white-space:nowrap;

27.首字母大写显示
text-transform:capitalize;

28.页面宽度控制
<div id="divmain">
<!--[if IE]>
<SCRIPT>
var objmain = document.getElementById("divmain");
function updatesize(){ var bodyw = window.document.body.offsetWidth; if(bodyw <= 790) objmain.style.width="760px"; else if(bodyw >= 1016) objmain.style.width="980px"; else objmain.style.width="100%"; }
updatesize(); window.onresize = updatesize;
</SCRIPT>
</div>

posts - 70, comments - 306, trackbacks - 0, articles - 4

Copyright © 2020 少林
Powered by .NET Core 3.1.0 on Linux