常用的JavaScript语句集(一)

原创 2006年06月09日 15:50:00
常用的JavaScript语句集(一)
--------------- 输出和后退

<script language="javascript">
alert("错误~~ 请输入帐号!!");
location.href="javascript:history.back()"
</script>





--------------- 输出并重定向

<script language="javascript">
alert("添加成功~~!!");
location.href="BookList.asp"
</script>





---------------- 内嵌一个页面并设置为可编辑

<script language="javascript">
  document.write ('<iframe src="text.asp" id="message" width="550" height="250"></iframe>')
    frames.message.document.designMode = "On";
</script>





--------------- 检验复选框是否已选并提示

<script language="javascript">
function checkdata()
{
if (document.form1.viewhtml.checked == true)
{
  alert("对不起,请取消“查看HTML源代码”后再添加!")
  document.form1.viewhtml.focus()
  return false
}
}
</script>





---------------- 用JavaScript 在超连接中打开一个新窗口(可控制大小)

<a href=# onClick="javascript:window.open('Buy.asp?id=<% = rs("Id") %>','','width=570,height=160,toolbar=no, status=no, menubar=no, resizable=yes, scrollbars=yes');return false;">打开一个窗口</a>

下面列出些常用的javascript,大家可以把这些做成一个类,方便在项目中重复的调用。

欢迎大家补充^_^



1.让文字不停地滚动

  <MARQUEE>滚动文字</MARQUEE>

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

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

3.关闭当前窗口

  <a href="/"onClick="javascript:window.close();return false;">关闭窗口</a>

4.5秒后关闭当前页

  <script language="javascript">
  <!--
  setTimeout('window.close();',5000);
  -->
  </script>

5.2秒后载入指定网页

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

6.添加到收藏夹

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

7.让超链接不显示下划线

  <style type="text/css">
  <!-
  a:link{text-decoration:none}
  a:hover{text-decoration:none}
  a:visited{text-decoration:none}
  ->
  </style>

8.让网页随意后退

    <a href="javascript :history.go(-X)">X</a>

      //把X换成你想要后退在页数
   //把“-”变成“+”就为前进

9.设置该页为首页

  <body bgcolor="#FFFFFF" text="#000000">
  <!-- 网址:http://你的网址-->
  <a class="chlnk" style="cursor:hand" HREF
  onClick="this.style.behavior='url(#default#homepage)';
  this.setHomePage('你的网站名称);"><font color="000000" size="2" face="宋体">设为首页</font></a>
  </body>

10.节日倒计时

  <Script Language="javascript">
  var timedate= new Date("December 25,2003");
  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>

11.单击按钮打印出当前页

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

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

  <input type="button" name="Button" value="保存本页"
  onClick="document.all.button.ExecWB(4,1)">
  <object id="button"
  width=0
  height=0
  classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
  <embed width="0" height="0"></embed>
  </object>

13.显示系统当前日期

  <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(
  "<font color=##000000 style='font-size:9pt;font-family: 宋体'> ",
  today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",
  d[today.getDay()+1],"</font>" );
  </script>

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

  <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>

15.水中倒影效果

  <img id="reflect" src="你自己的图片文件名" width="175" height="59">
  <script language="javascript">
  function f1()
  {
    setInterval("mdiv.filters.wave.phase+=10",100);
  }
  if (document.all)
  {
    document.write('<img id=mdiv src="'+document.all.reflect.src+'"
    style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">')
    window.onload=f1
  }
  </script>

16.慢慢变大的窗口

  <Script Language="javascript">
  <!--
  var Windowsheight=100
  var Windowswidth=100
  var numx=5
  function openwindow(thelocation){
  temploc=thelocation
  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>
  <p><a href="javascript:openwindow(http://www.xxx.com)">进入</a>

17.改变IE地址栏的IE图标

  我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:
      <link REL = "Shortcut Icon" href="index.ico">

18.鼠标指向时弹出信息框
  <body>
  <a href onmouseover="alert('弹出信息!')">显示的链接文字</a>
    </body>


19.单击鼠标右键弹出添加收藏夹对话框
  <body>
  <script Language=javascript>
  if (document.all)
  document.body.onmousedown=new function("if (event.button==2||event.button==3)
  window.external.addFavorite('您的网址','您的网站名称)")
  </script>
    </body>

20.离开网页时和加载网站时提示你将本站加入收藏夹

可以很大的加大的网站的访问量。

一、在网页的


二、在网页中的 标记中加入下面的代码:

onunload=favorate()

当然如果你想在网页载入时提示只需要把

上面的onunload=favorate()改成onload=favorate()

21.JS制作网页标题栏滚动信息的显示:

将下面的代码copy到网页的<head>和</head>中.

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
var msg = "蓝色空间";
var speed = 300;
var msgud = " " + msg;
function titleScroll() {
if (msgud.length msgud = msgud.substring(1, msgud.length);
document.title = msgud.substring(0, msg.length);
window.setTimeout("titleScroll()", speed);
}
-->
</SCRIPT>

在网页的BODY中加入下面的代码:

<BODY onload="window.setTimeout('titleScroll()', 500)">


22.JS状态栏信息分行显示:
 
将下面的代码copy到网页的<head>和</head>中.

<SCRIPT LANGUAGE=JAVASCRIPT>
<!--
function makeArray(n) {
this.length = n;
}
function stopBanner() {
if (bannerRunning)
clearTimeout(timerID);
bannerRunning = false;
}
function startBanner() {
stopBanner();
showBanner();
} function showBanner() {
var text = ar[currentMessage];
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++;
var partialMessage = text.substring(0, offset + 1);
window.status = partialMessage;
offset++;
timerID = setTimeout("showBanner()", speed);
bannerRunning = true;
} else {
offset = 0;
currentMessage++;
if (currentMessage == arlength)
currentMessage = 0;
timerID = setTimeout("showBanner()", pause);
bannerRunning = true;
}
}
var speed = 100
var pause = 1000
var timerID = null;
var bannerRunning = false;
var currentMessage = 0;
var offset = 0;
var arlength = 3;
var ar = new makeArray(arlength);
ar[0] = "蓝色空间";
ar[1] = "欢迎你的光临";
ar[2] = "有建议请联系V-蓝动力";
-->
</SCRIPT>

在网页的BODY中加入下面的代码:

<BODY onload=startBanner()>

23. 可以在收藏夹中显示出你的图标

    <link rel="Bookmark" href="favicon.ico">

24. 永远都会带着框架

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

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

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>

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

26. TEXTAREA自适应文字行数的多少


<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>


27. 检测某个网站的链接速度:


把如下代码加入<body>区域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1

var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"

function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 onerror=auto(http://";;+autourl+"')>")}
run()</script>


28. 如何改变链接的鼠标形状

只需在链接上加上这一代码就行的了
或者跟上面的用CSS写也行

style="cursor:hand"       style="cursor:crosshair"
style="cursor:text"       style="cursor:wait"
style="cursor:move"       style="cursor:help"
style="cursor:e-resize"     style="cursor:n-resize"
style="cursor:nw-resize"     style="cursor:w-resize"
style="cursor:s-resize"     style="cursor:se-resize"
style="cursor:sw-resize"
以上代码你只需要加到连接或是页面的STYLE区里就可以实现鼠标多样化。

29.COOKIE脚本记录,有很大的用处。

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openpopup()
documents.cookie="popped=yes"  


}
}

相关文章推荐

常用javascript语句集

1.document.write(""); 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:win...

javascript常用的语句

  • 2010年07月15日 16:30
  • 8KB
  • 下载

Javascript常用语句

  • 2012年05月25日 10:09
  • 43KB
  • 下载

常用的Javascript语句(一)

•事件源对象  event.srcElement.tagName  event.srcElement.type  •捕获释放  event.srcElement.setCapture();  ...

JavaScript常用语句及语言参考

  • 2008年10月23日 10:56
  • 591KB
  • 下载

107条Javascript的常用语句

  • 2009年02月27日 11:01
  • 8KB
  • 下载

Javascript的常用语句

转载自:http://www.jshtmlcss.com/657/ 1. document.write( ” “); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:docu...

百个前端设计常用Javascript语句

  • 2012年07月20日 21:36
  • 47KB
  • 下载

javascript常用语句总结

  • 2008年05月16日 11:11
  • 9KB
  • 下载

JavaScript常用語句

javascript常用語句 注:本文系转载,仅供个人参考使用。 1.document.write(""); 输出语句 2.js中的注释为// 3.传统的html文档顺序是: documen...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:常用的JavaScript语句集(一)
举报原因:
原因补充:

(最多只允许输入30个字)