当前位置: css > 常用代码 >

web开发中常用的JS代码

时间:2010-01-08 23:37来源:未知 作者:admin 点击:
web开发常用的JS代码, 加入网页中就可以直接用了 center border=0 link rel=Bookmark href=favicon.ico 关闭输入法 input style=ime-mode:disabled 永远都会带着框架 script language=javascript!-- if (window == top)top

web开发常用的JS代码, 加入网页中就可以直接用了
center border=0>
<link rel="Bookmark" href="favicon.ico">

关闭输入法

<input style="ime-mode:disabled">

永远都会带着框架


<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm";
//frames.htm为框架网页
// -->
</script>


防止被人frame


<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)
top.location=self.location;
// -->
</SCRIPT>


怎样通过asp的手段来检查来访者是否用了代理


<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器," & "真实的IP为 "&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>


取得控件的绝对位置


//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"nleft="+l);
}
</script>

//VBScript
<script language="VBScript">
<!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
-->
</script>


光标是停在文本框文字的最后


<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()">

判断上一页的来源


asp:
request.servervariables("HTTP_REFERER")

javascript:
document.referrer

最小化、最大化、关闭窗口


<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE


记录并显示网页的最后修改时间


<script language=JavaScript>
document.write("最后更新时间: " + document.lastModified + "")
</script>

 


2秒后关闭当前页

<script language="JavaScript">
<!--
setTimeout("window.close();",2000);
-->
</script>

 

2秒后载入指定网页

<head>
<meta http-equiv="refresh" content="2;URL=http://你的网址">
</head>

 

添加到收藏夹

<Script Language="JavaScript">
function bookmarkit()
{
 window.external.addFavorite("http://你的网址","你的网站名称")
}
 if (document.all)document.write("加入收藏夹")
</Script>


禁止鼠标右键的动作

<Script Language = "JavaScript">
function click() { if (event.button==2||event.button==3)
{
 alert("禁止鼠标右键");
}
document.onmousedown=click // -->
</Script>


<script language="JavaScript">
function click() { if (event.button==2)
{alert("*^_^*"); } } document.onmousedown=click // -->
</script>

 

设置该页为首页

<body bgcolor="#FFFFFF" text="#000000">
设为首页
</body>

 


节日倒计时

<Script Language="JavaScript">
  var timedate= new Date("October 1,2002");
  var times="国庆节";
  var now = new Date();
  var date = timedate.getTime() - now.getTime();
  var time = Math.floor(date / (1000 * 60 * 60 * 24));
  if (time >= 0)
  document.write("现在离"+times+"还有: "+time +"天")
</Script>

 


单击按钮打印出当前页

<Script Language="JavaScript">
  if (window.print) {
  document.write("<form>"
  + "<input type=button name=print value="打印本页" "
  + "onClick="javascript:window.print()"></form>");
  }
</Script>

 

单击按钮‘另存为’当前页

<input type="button" name="Button" value="保存本页" onClick="document.all.button.ExecWB(4,1)">

 


显示系统当前日期

<script language=JavaScript>
  today=new Date();
  function date(){
  this.length=date.arguments.length
  for(var i=0;i<this.length;i++)
  this[i+1]=date.arguments }
  var d=new date("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  document.write(
  "> ",
  today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
  d[today.getDay()+1],"" );
</script>


不同时间段显示不同问候语

<Script Language="JavaScript">
var text=""; day = new Date( ); time = day.getHours( );
  if (( time>=0) && (time < 7 ))
    text="夜猫子,要注意身体哦! "
  if (( time >= 7 ) && (time < 12))
    text="今天的阳光真灿烂啊,你那个朋友呢?"
  if (( time >= 12) && (time < 14))
    text="午休时间。您要保持睡眠哦!"
  if (( time >=14) && (time < 18))
    text="祝您下午工作愉快! "
  if ((time >= 18) && (time <= 22))
    text="您又来了,可别和MM聊太久哦!"
  if ((time >= 22) && (time < 24))
    text="您应该休息了!"
  document.write(text)
</Script>

水中倒影效果
  <script language="JavaScript">
  function f1()
  {
    setInterval("mdiv.filters.wave.phase+=10",100);
  }
  if (document.all)
  {
    document.write("     style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">")
    window.onload=f1
  }
</script>

慢慢变大的窗口

<Script Language="JavaScript">
  <!--
  var Windowsheight=100
  var Windowswidth=100
  var numx=5
  function openwindow(thelocation){
  temploc=thelocation&, amp;, nbsp;
  if
  (!(window.resizeTo&&document.all)&&!(window.resizeTo&&document.getElementById))
  {
    window.open(thelocation)
    return
  }
  windowsize=window.open("","","scrollbars")
  windowsize.moveTo(0,0)
  windowsize.resizeTo(100,100)
  tenumxt()
  }
  function tenumxt(){
  if (Windowsheight>=screen.availHeight-3)
    numx=0
  windowsize.resizeBy(5,numx)
  Windowsheight+=5
  Windowswidth+=5
  if (Windowswidth>=screen.width-5)
  {
    windowsize.location=temploc
    Windowsheight=100
    Windowswidth=100
    numx=5
    return
  }
  setTimeout("tenumxt()",50)
  }
  //-->
</script>
进入


鼠标指向时弹出信息框
在<body></body>之间加上如下代码: 显示的链接文字


随机变换背景图象(一个可以刷新心情的特效)
在<head></head>之间加上如下代码:
<Script Language="JavaScript">
  image = new Array(4); //定义image为图片数量的数组
  image [0] = "tu0.gif" //背景图象的路径
  image [1] = "tu1.gif"
  image [2] = "tu2.gif"
  image [3] = "tu3.gif"
  image [4] = "tu4.gif"
  number = Math.floor(Math.random() * image.length);
  document.write("<BODY BACKGROUND="+image[number]+">");
</Script>

鼠标一碰就给颜色看的链接 在<body></body>之间加上如下代码:

你敢碰我,我就给点颜色你看!


<Script Language = "VBScript">
  sub anniu
  document.fgColor=int(256*256*256*rnd)
  end sub
</Script>

从天而降并有幻影效果的窗口

  <head>
  <Script language="JavaScript">
  function move(x) {
  if(self.moveBy){
  self.moveBy (0,-800);
  for(i = x; i > 0; i--)
  {
  self.moveBy(0,3);
  }
  for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数
  self.moveBy(0,j);
  self.moveBy(j,0);
  self.moveBy(0,-j);
  self.moveBy(-j,0);
  }
  }
  }
  </Scrip>
  <body bgColor=#ffffff onload=move(280)>
  </body>
  </head>

表格的半透明显示效果 在<head></head>之间加上如下代码:
<style>
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
</style>

在<body></body>之间加上如下代码:


很酷吧!

  
锁定状态栏文字防止显示地址
<body onmouseover="self.status="文字";return true">


禁止图片下载
在<body......>这里的最后加入:
oncontextmenu="return false" ondragstart="return false" onselectstart="return false" scroll="auto"

禁止缓存
<meta http-equiv="Expires" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
加在HEAD里

使用包含页面
加密所包含页面地址,使用工具 htmlguardian5.3.5
目前功能最强的html代码加密软件,可以保护连接和html代码被盗。1.锁右键。2.禁鼠标圈选。3.不允许离线使用。4.密码保护。5.不显示状态栏url地址。6.全代码 或 局部代码保护。7.链接跟踪。8.禁止打印(IE5+)。9.压缩代码( 未加密前)。10.可加密*.html *.js *.asp *.vbs。11.两种不同加密算法。12.加密 frameset 结构。13.某些功能支持几个不同版本的浏览器。
 
下载flash我的三种方法:
--查看源文件,找出flash的绝对路径,复制,在flashget(或蚂蚁)中点任务
,然后点新建下载任务即可。
--在IE的临时文件夹Temporary Internet Files里把所有的东西都删掉,然后

刷新你想要下载flash的网页,即可得到你所要的flash
--使用外部软件,推荐使用Flash Catcher,安装后只需在你所要下载的flash上右键,save即可。


让IFRAME框架内的文档的背景透明
<iframe src="about:<body style="background:transparent">" allowtransparency></iframe>

进入页面后立即自动刷新?
<meta http-equiv="refresh" content="120;url=http://www.csschina.net">
http://www.csschina.net,这是你自己的网址。

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

能隐藏IFRAME的滚动条吗?我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"

加入背景音乐


<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE

对Netscape ,IE 都适用

嵌入网页


<iframe name="tt" src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>


跳转


<meta http-equiv="refresh" content="3;URL=list.htm">

滚动


<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4>
</marquee>

 

细线分隔线

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

 

过度方式


<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 随机产生一种过渡方式


如何控制横向和纵向滚动条的显隐?


<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显

定义本网页关键字,可以在<Head></Head>中加入如下代码: <meta name="Keywords" content="china,enterprise,business,net">   
Content 中所包含的就是关键字,你可以自行设置。   
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

<meta name="Keywords" content="china,china,china,china">

IE5.0 的部分快捷键:


A:打开查找功能:Ctrl+F
关闭浏览器窗口:Ctrl+W
打开地址栏下拉列表框:F4
刷 新:F5
将当前Web页保存到收藏夹列表:Ctrl+D
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME

css中国

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名:密码: 验证码:点击我更换图片
推荐内容
  • JS高亮显示搜索的关键字

    js,高亮显示,css基地[www.csschina.net]提供DIV+CSS教程,DIV+CSS视频教程...

  • FCKeditor 2.6.4的最新配置

    FCKeditor,css基地[www.csschina.net]提供DIV+CSS教程,DIV+CSS视频教程,web2...

  • 刷新来源页

    刷新来源页,标准之路[www.aa25.cn]提供DIV+CSS教程,DIV+CSS视频教程,...

  • 滚屏

    滚屏,标准之路[www.aa25.cn]提供DIV+CSS教程,DIV+CSS视频教程,web2.0标准...

  • JS级别联动下拉列表

    [html]form name=form1 method=post action=index_cx.asptable border=0 align=center ...

  • fckeditor

    fckeditor,标准之路[www.aa25.cn]提供DIV+CSS教程,DIV+CSS视频教程,web2.0标...