常用JavaScript(一)

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

<!--star
彈出相當於按F11效果的視窗：window.open('','','fullscreen=1')
window.open('','','channelmode=1')
FLASH快顯視窗
javascript:window.open('http://www.0668.com/guest/mmql/dyjlb/index.htm','','width=580,height=400,scrollbars=1');void(0)
FLASH動態匯入外部文本
loadVariables("text.txt", "_root.mcname");
有沒有可能用層來遮住FLASH？
1.在flash的parameters裡加入 <param name="wmode" value="transparent">
2.<body onblur=self.focus()>

----------------------快顯視窗-------------------------------
<script language="JavaScript">

</script>
---------------------------
如何讓表格並排？首先在第一個表裡應該這樣寫： "<table border=0 cellpadding=1 cellspacing=1 align=left>" 這table裡最為關鍵是"align=left"這一句。然後在第二個表裡也應該加上align=left 這樣，你的目的就達到了。
---------------------------------------------------------------------
如何讓兩個form表單行距之間不出現空格？這樣寫 <TABLE><FORM><TR>.......</TR></FORM></TABLE>
-----------------------------------------------------------------------------
關閉視窗<a href="javascript:self.close();">關閉視窗</a>
----------------------------------------------------------
如何在我的頁面中加入背景音樂？
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
------------------------------------------------------------------
FLASh透明：<param name="wmode" value="transparent">
FLASh居下層：<param name=wmode value=opaque>
FLASh全屏fscommand(fullscreen, true)
flash屏蔽右鍵:
在flash瀏覽器中，fscommand ("showmenu", "false");
在ie瀏覽器中，Stage.showmenu=false

iframe背景可以透明:<body bgcolor=transparent>
<marquee height=100% width=95% direction=up onMouseOut=this.start()
            onMouseOver=this.stop() scrollamount=1 scrolldelay=1> 我是 </font></marquee>
-----------------------------------------
平方米:M<sup>2</sup>
----------------------------------------
架構
<iframe style='height:98%; width:100%; ' leftmargin=0 scrolling=no framespacing=0 frameborder=0 src=../web/hyforum/index3.php?index=1></iframe>
<IFRAME border=0 name=msghtml marginWidth=0
      frameSpacing=0 marginHeight=0 src="sitemap.files/msg.htm" frameBorder=0
      noResize width=150 scrolling=no height=230 vspale="0"></IFRAME>
----------------------------------
層的絕對固定:
.layer-k { position: relative; clip: rect( )}
定位層的時候把層放在儲存格裡面。然後在所在的儲存格裡面用：
<td class=layer-k >即可！
---------------------------------------------------------------
一）、設為首頁

（二）、收藏本站

onclick="window.external.addFavorite('http://ivwsky.126.com','天空工作室')"
href="">

（三）、在視窗的狀態列顯示滾動資訊
(1) 在BODY中加入代碼:
<script language="JavaScript">
var msg="歡迎訪問建站資源網，在這裡有你會有所收穫的!";
var i=1
function scroll()
{
mess=msg.substring(i,msg.length)+" "+msg.substring(0,i)
window.status=mess
i++;
if (i>=msg.length) i=1; //設定不停滾動
setTimeout("scroll()",200); //設定捲動速度
}
</script>

白色無陰影的捲軸樣式
<style>
BODY {SCROLLBAR-FACE-COLOR: #FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; SCROLLBAR-SHADOW-COLOR: #CCCCCC; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #999999; SCROLLBAR-TRACK-COLOR: #CCCCCC; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; }
</style>

防橫向捲軸:

這可能是你的網站尺寸做得過於緊張，
現有幾種方法可不出現橫拉：

1. 以 800*600 設計為標準的，你最好把表格定為 766*426，這是沒錯的。

2. 你可以用代碼使橫拉永遠不出現：

style="OVERFLOW-Y: hidden; OVERFLOW-X: hidden"

好明顯 OVERFLOW-Y: hidden 為隱藏橫拉，
OVERFLOW-X: hidden 為豎拉。
網頁設計常用代碼薈萃（轉）
2003-2-13　閃客天堂　雙擊自動滾屏；單擊停止

禁止頁面本文選取
<body foo1 ="return false" foo1 ="return false" foo1 ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

消除ie6自動出現的映像工具列，設定 GALLERYIMG屬性為false或no .
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">

防止點擊空連結時，頁面往往重設到頁首端。
代碼“javascript:void(null)”代替原來的“#”標記

如何避免別人把你的網頁放在架構中
<script language=“javascript”>< /script>

頁面定時重新整理
<meta http-equiv="Refresh" content="秒" >

頁面定時轉向新的地址
<meta http-equiv="refresh" content="秒;URL=url">

顯示日期
<script language="javascript">
</script>

設為首頁
<A href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('url');">設為首頁</A>

添加收藏
<A href="javascript:window.external.AddFavorite('url','title')"> 加入收藏夾</A>

網頁效果集合
網頁效果集合

1。忽視右鍵
　<body oncontextmenu="return false">
　或
　<body style="overflow-y:hidden">
2。加入背景音樂
　IE:<bgsound src="*.mid" loop=infinite>
　NS:<embed src="*.mid" autostart=true hidden=true loop=true>
　</embed>
　*.mid你的背景音樂的midi格式檔案
3。簡單的window.open方法
　<a href="#"
　onclick="javascript:window.open(檔案路徑/檔案名稱,newwindow,
　toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
　width=400,height=300);">文字或圖片</a>
　參數解釋：
　<SCRIPT LANGUAGE="javascript"> js指令碼開始；
　window.open 彈出新視窗的命令；
　檔案路徑/檔案名稱快顯視窗的檔案名稱；
　newwindow 快顯視窗的名字（不是檔案名稱），非必須，可用空代替；
　width=400 視窗寬度；
　height=300 視窗高度；
　top=0 視窗距離螢幕上方的象素值；
　left=0 視窗距離螢幕左側的象素值；
　toolbar=no 是否顯示工具列，yes為顯示；
　menubar，scrollbars 表示功能表列和*動欄。
　resizable=no 是否允許改變視窗大小，yes為允許；
　location=no 是否顯示地址欄，yes為允許；
　status=no 是否顯示狀態列內的資訊（通常是檔案已經開啟），yes為允許；
　</SCRIPT> js指令碼結束
4。簡單的頁面加密
　<script LANGUAGE="javascript">
　
　</script>
5。拉動頁面時背景圖不動
　<style>
　body{background-image:url(logo.gif);
　background-repeat:no-repeat;background-position:center}
　</style>
6。讓瀏覽器在儲存頁面時儲存失敗
　<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>
7。隨機替換圖片
　<script>
　document.write(<img src="img/+parseInt(Math.random()*(5))
　+.gif"height="40" width="50">)
　</script>

　圖片檔案名稱為0.gif 1.gif 2.gif 3.gif 4.gif
8。視窗定時關閉
　先將如下代碼網頁檔案的區：
　<script language="javascript">
　function closeit() { setTimeout("self.close()",10000) //毫秒 }
　</script>
　然後再在<body>標內加入如：<body onload="closeit()">
9。網頁自動關閉
　<html>
　<head>
　<object id=closes type="application/x-oleobject"
　classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
　<param name="Command" value="Close">
　</object>
　</head>
　<body onload="window.setTimeout(closes.Click(),10000)">
　這個視窗會在10秒過後自動關閉,而且不會出現提示.
　</body>
　</html>
10。網頁自動重新整理
　在head部記入
　<META HTTP-EQUIV="Refresh" content="20">
　其中20為20秒後自動重新整理，你可以更改為任意值。
11。網頁自動轉頁
　<META HTTP-EQUIV="Refresh" CONTENT="時間(秒);URL=地址">
12。保持layer在最前面，而不被Iframe、Object所覆蓋
　在Layer中再插Iframe 或 Object 設z-Index值
　<div z-Index:2><object ***></object> ＃前面
　<div z-Index:1><object ***></object> ＃後面
　<div id="Layer2" style="position:absolute; top:40;width:400px;
　height:95px;z-index:2"> height=100% width=100%>
　<iframe width=0 height=0></iframe>
　</div>
　<div id="Layer1" style="position:absolute; top:50;width:200px;
　height:115px;z-index:1">
　<iframe height=100% width=100%></iframe>
　</div>
13。返回上一頁
　<a href=javascript:history.back(1)>『返回上一頁』</a>
14。關閉視窗
　<a href=javascript:self.close()>『關閉視窗』</a>
15。關於iframe的透明背景
　<IFRAME ID="iFrame1" SRC="iframe.htm"
　allowTransparency="true"
　style="background-color: green"></IFRAME>
----------------------------------------------------
讓快顯視窗只開啟一次
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents \.cookie.length > 0) {
offset = documents \.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents \.cookie.indexOf(";", offset);
if (end == -1)
end = documents \.cookie.length;
returnvalue=unescape(documents \.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents \.cookie="popped=yes"
}
}
</script>
<body onload="loadpopup()">
-----------------------------------------------------------------------------
如何讓瀏覽器在儲存頁面時儲存失敗？
<NOSCRIPT>
<IFRAME SRC="*.html">
</IFRAME>
</NOSCRIPT>
---------------------------------------
如何在不重新整理頁面的情況下重新整理css?
<style>
button{ color:#000000;}
</style>
<button onclick=document.styleSheets[0].rules[0].style.color='red'>點擊按鈕直接修改style標籤裡button選擇符使按鈕改為紅色</button>
----------------------------------------------------------------------------------------
圖片不顯示虛線邊框
onFocus="this.blur()"

解決iframe在頁面中無法自適應
[ 2004-09-10 1:10:33 PM | Author: siyizhu | From: Blueidea ]

iframe是一個比較特殊的控制項。他的height只能是一個絕對值，不允許使用百分比。但是你可以用Javascript輸出一個iframe的HTML。但是這個相對值只能是當頁面載入後賦給的。如果你resize。控制項大小仍然是當初載入的高度。這個時候除了你在重新整理。高度值才會重新載入。

這裡我就想到了一個解決的方法。就是在body的標籤中加上一個onResize事件；當你onload的時候觸發寫好的JS函數。然後在onResize的時候同樣出發這個函數。從而解決上述問題。

示範代碼如下：
<html>
<body bgcolor="#000000" onload="resizeHeight();" onResize="resizeHeight();">
<script language="javascript">
function resizeHeight()
{
document.getElementById("web".style.height = parseInt(document.body.clientHeight-50);

}
</script>

</html>

end-->

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

常用JavaScript(一)

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support