よく使うJavaScriptコード
6618 ワード
(1)開けたサブウィンドウで親ウィンドウを更新するコードにはどう書きますか?
window.opener.locations.reload()
(2)ページを開くサイズをどう設定しますか?
<body onload=「top.resized(300,200)」
ページを開く場所
(3)フルではない背景画像をページにどのように入れますか?ページを引っ張ると背景図が動きません.
<STYLE>
body
{
background-inage:url(/logo.gif);background-repeat:no-repeat;
background-position:センター;background-atachment:fixed
)
(4).文字列の一部が全部数字で構成されているかどうかを確認する
<script laguage=「Javascript」>
function checkNum(str)
{
return str.match(/D/)==null
)
alert(checkNum(「1232142141」)
alert(checkNum(「123214214 a 1」)
(5)ウィンドウのサイズを取得します.
Dcument.body.client Width;
Dcument.body.clientHeight
(6).文字かどうかを判断する
if(/^/x 00-/xff)/g.test(s)alert(「漢字を含む」);
else alert(「全文字」)
(7)TEXTAREA適応文字列数のいくら
<textarea rows=1 name=s 1 cols=27 onpropertychange
=「this.style.posHeight=this.scrollHeight」
(7).スクリプトは間違いない
<SCRIPT LANGUAGE=「JavaScript」>
function killErrrors()
{
return true;
)
window.onerror=killErrrors;
(8).ENTERキーは、次の入力ボックスにカーソルを移動させます.
<input onkeydown=「if(event.keyCode=13)event.keyCode=9」
(9)ページの進入と終了の効果
ページに入ります.
ページこれはページの読み込みと呼び出しの効果です.durationは効果の持続時間を表しています.秒単位で.transionはどの効果を使うかを表しています.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.縦棒以上22種類のランダムで選択します.
(10)、JavaScriptホームページポップアップ画面テクニック
ウィンドウの中央にポップアップ
<スクリプト>
window.open("
http://www.cctv.com「、」「、」width=400、height=240、top=「+(screen.availHeight-240)/2+」、left=「+(screen.avail Width-400)/2」)
<>>
<script laguage=「LiveScript」>
function WinOpen(){
msg=open(「」、「DisplayWindow」、「toolbar=no、directores=no、menuar=no」)
msg.**(<
msg.**(<
)
<body>
11.
JavaScriptは記録を更新し、サブウィンドウを閉じて親ウィンドウの更新を行います。
親ウィンドウコード
<a href="#" onclick="window.open('child.html','child','width=400,height=300,left=200,top=200');"> </a>
サブウィンドウコード
<script language="JavaScript" type="text/javascript"> <!-- function refreshParent() { window.opener.location.href = window.opener.location.href; if (window.opener.progressWindow) { window.opener.progressWindow.close(); } window.close(); }
12.
JavaScriptは画像の回転を実現します。
<body>
<input type=button value=「拡大」onclick=「large()」
<input type=button value=“縮小”onclick=“small()”
<input type=button value=“回転”onclick=“rotate()”
<input type=button value=「プリント」onclick=「printPic()」
<スクリプト>
var img=document.getElements ByTagName('s)[0]
function small()
{
img.width=img.width*0.5;
img.height=img.height*0.5;
)
function large()
{
img.width=img.width*2
img.height=img.height*2
)
function rotate()
{
//rotation:1回転90度、2回転180度、3回転270度
img.style.filter='progid:DXImageTrans form.Microsoft.BaicImage(rotation=1)'
)
function printPic()
{
window.print()
)