よく使うjavascript

6422 ワード

JavaScript html IE ブログ

いくつかのよく使われているjavascriptをリストアップして、これらを一つの種類に作って、プロジェクトの中で重複した呼び出しに便利です.
どのようにするかについては、Blogはすでに紹介されていますので、多くの話はしません.
みんなを歓迎します.
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.マウスの右ボタンの動作を禁止する
　　

<Script Language = "javascript"> 　　function click() { if (event.button==2||event.button==3) 　　{ 　　alert('      '); 　　} 　　document．onmousedown=click </Script>

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として保存します.このアイコンファイルをルートディレクトリにアップロードして、トップページの間に下記のコードを追加します.

<link REL = "Shortcut Icon" href="index.ico">

JavaScript:知識点まとめ