js常考代碼,js常見筆試題

本文目錄一覽：

• 1、JS代碼是什麼意思？
• 2、求個簡單javascript代碼 謝謝，網站菜單功能
• 3、幫我解密一段js代碼：
• 4、>y){ x=0; y=10; } 請問”>>”是什麼意思？’ title=’在javascript中的一段代碼： if(x>>y){ x=0; y=10; } 請問”>>”是什麼意思？’>在javascript中的一段代碼： if(x>>y){ x=0; y=10; } 請問”>>”是什麼意思？
• 5、JS代碼解密
• 6、js中網頁前進和後退的代碼

JS代碼是什麼意思？

JS代碼主要是腳本代碼，用來輔助製作網頁特效的！ JS = JavaScript，一種計算機腳本語言，主要在web瀏覽器(客戶端)解釋執行，由網景公司開發。 JScript 是 Microsoft 公司開發的. JavaScript 是一種新的描述語言，此一語言可以被箝入 HTML 的文件之中。 透過 JavaScript 可以做到回應使用者的需求事件 (如： form 的輸入) 而不用任何的網路 來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經過傳給伺服端 (server) 處理，再傳回來的過程，而直接可以被客戶端 (client) 的應用程式所處理. 腳本語言真正面向的是特定類型問題的解決，其中主要涉及如何創建更豐富、更具有互動能力的圖形用戶界面（GUI）。然而，腳本語言也許能解決客戶端編程中80％的問題。你碰到的問題可能完全就在那80％裡面。而且由於腳本編製語言的宗旨是儘可能地簡化與快速，所以在考慮其他更複雜的方案之前（如Java及ActiveX），首先應想一下腳本語言是否可行。

求個簡單javascript代碼 謝謝，網站菜單功能

不用說自己菜不菜的，能有這個學習的精神已經很值得鼓勵了

呵呵，下面，我來給你介紹幾個網站常見的菜單

第一個：仿網易的滑動門導航菜單

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

title仿網易的滑動門技術，用DIV+CSS技術實現/title

style type=”text/css”

!–

#header {

background-color: #F8F4EF;

height: 200px;

width: 400px;

margin: 0px;

padding: 0px;

border: 1px solid #ECE1D5;

font-family: “宋體”;

font-size: 12px;

}

#menu {

margin: 0px;

padding: 0px;

list-style-type: none;

}

#menu li {

display: block;

width: 100px;

text-align: center;

float: left;

margin: 0px;

padding-top: 0.2em;

padding-right: 0px;

padding-bottom: 0.2em;

padding-left: 0px;

cursor: hand;

}

.sec1 { background-color: #FFFFCC;}

.sec2 { background-color: #00CCFF;}

.block { display: block;}

.unblock { display: none;}

—

/style

/head

body

script language=javascript

function secBoard(n)

{

for(i=0;imenu.childNodes.length;i++)

menu.childNodes[i].className=”sec1″;

menu.childNodes[n].className=”sec2″;

for(i=0;imain.childNodes.length;i++)

main.childNodes[i].style.display=”none”;

main.childNodes[n].style.display=”block”;

}

/script

div id=”header”

ul id=”menu”

li onMouseOver=”secBoard(0)” class=”sec2″最新新聞/li

li onMouseOver=”secBoard(1)” class=”sec1″最新文章/li

li onMouseOver=”secBoard(2)” class=”sec1″最新日誌/li

li onMouseOver=”secBoard(3)” class=”sec1″論壇新帖/li

/ul

!–內容顯示區域–

ul id=”main”

li class=”block”第一個內容/li

li class=”unblock”第二個內容/li

li class=”unblock”第三個內容/li

li class=”unblock”第四個內容/li

/ul

!–內容顯示區域–

/div

/body

/html

這裡基本上是使用Css與Div的結合，在整個布局中已層為單位，實行滑動菜單的是一個javascript腳本函數，調用就可以了，看不懂不要緊，日漸積累才是重要

第二個：經典實用的觸髮型導航（這是滑鼠單擊事件控制）

html

head

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″

title網頁特效代碼|JsCode.CN|—經典實用的觸髮型導航菜單/title

/head

body

STYLE type=text/css.sec1 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; BORDER-LEFT: #ffffff 1px

solid; CURSOR: hand; COLOR: #000000; BORDER-

BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:

#eeeeee

}

.sec2 {

BORDER-RIGHT: gray 1px solid; BORDER-TOP:

#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-

LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:

#000000; BACKGROUND-COLOR: #d4d0c8

}

.main_tab {

BORDER-RIGHT: gray 1px solid; BORDER-

LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-

BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8

}

/STYLE

!–JavaScript部分–

SCRIPT language=javascript

function secBoard(n)

{

for(i=0;isecTable.cells.length;i++)

secTable.cells

[i].className=”sec1″;

secTable.cells[n].className=”sec2″;

for(i=0;imainTable.tBodies.length;i++)

mainTable.tBodies

[i].style.display=”none”;

mainTable.tBodies

[n].style.display=”block”;

}

/SCRIPT

!–HTML部分–

TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0

TBODY

TR align=middle height=20

TD class=sec2 onclick=secBoard(0) width=”10%”關於TBODY標記/TD

TD class=sec1 onclick=secBoard(1) width=”10%”關於cells集合/TD

TD class=sec1 onclick=secBoard(2) width=”10%”關於tBodies集合/TD

TD class=sec1 onclick=secBoard(3) width=”10%”關於display屬性/TD/TR/TBODY/TABLE

TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0!–關於TBODY標記–

TBODY style=”DISPLAY: block”

TR

TD vAlign=top align=middleBRBR

TABLE cellSpacing=0 cellPadding=0 width=490 border=0

TBODY

TR

TD指定行做為表體。

BR注釋：TBODY要素是塊要素，並且需要結束標

簽。BR 即使如果表格沒有顯式定義TBODY

要素，該要素也提供給所有表。BRBR

參考：《動態HTML參考和開發應用大全》（人民郵電出

版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於cells集合–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD檢索錶行或者整個

表中所有單元格的集合。BR應用於TR、TABLE。

BRBR參考：《動態HTML參考和開發應

用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於tBodies集合–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD檢索表中所有TBODY

對象的集合。對象在該集合中按照HTML源順序排列。

BR應用於TABLE。BRBR參考：

《動態HTML參考和開發應用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司

譯）

BRBR/TD/TR/TB

ODY/TABLE/TD/TR/T

BODY!–關於display屬性–

TBODY style=”DISPLAY:

none”

TR

TD vAlign=top

align=middleBRBR

TABLE cellSpacing=0

cellPadding=0 width=490 border=0

TBODY

TR

TD設置或者檢索對象

是否被提供。BR可能的值為block、none、

inline、list-item、table-header-group、table-

footer-group。BR該特性可讀寫，塊要素默認

值為block，內聯要素默認值為inline；層疊樣式表

（CSS）屬性不可繼承。BRBR參考：《

動態HTML參考和開發應用大全》（人民郵電出版社

Microsoft Corporation著

北京華中興業科技發展有限公司譯）

BRBRA

href=”” target=_blank點擊此處

/A可參閱微軟A href=”” target=_blankMSDN在線/A上的解釋。

/TD/TR/TBODY/TABLE

;/TD/TR/TBODY/TABLEg

t;/body

/html

這裡跟上面不同的區別在與這是滑鼠移動和滑動的事件區別！

第三個：仿拍拍的切換效果菜單（裡面的圖片是我放上去的，所以會看不到圖片的，呵呵 繼續）

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=”” lang=”zh-CN”

head

meta http-equiv=”Content-Language” content=”zh-cn” /

meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /

meta name=”robots” content=”all” /

title網頁特效|網頁特效代碼(JsHtml.cn)—仿拍拍paipai.com首頁產品圖片隨機輪顯切換效果/titlestyle

body {font-size:12px}

img {border:0px}

#sale{right:206px;top:0;width:260px;background:#fff}

#saleTitle{text-align:right;padding-top:5px;padding-right:5px;width:255px;height:20px;background:url(“images/saleTitle.gif”) no-repeat}

#saleList{margin-top:5px}

#saleList .saleTwo{height:108px;background:url(“images/salelineH.gif”) bottom repeat-x;}

#saleList a{display:block;height:108px;width:86px;text-align:center;float:left;overflow:hidden}

#saleList a.saleItem{background:url(“images/salelineV.gif”) right repeat-y;}

#saleList a img{margin:5px 0}

#saleList a:hover{background-color:#EBFFC5}

/style

script type=”text/javascript”

rnd.today=new Date();

rnd.seed=rnd.today.getTime();

function rnd(){

rnd.seed = (rnd.seed*9301+49297) % 233280;

return rnd.seed/(233280.0);

}

function rand(number){

return Math.ceil(rnd()*number)-1;

}

function nextSale(order){

if(order==”up”) saleNum–;

else saleNum++;

if(saleNum2) saleNum=0

else if(saleNum0) saleNum=2;

//alert(saleNum);

for(i=0;i3;i++)

document.getElementById(“saleList”+i).style.display=”none”;

document.getElementById(“saleList”+saleNum).style.display=””;

}

/script

/head

body

div id=”sale” class=”absolute overflow”

div id=”saleTitle” class=”absolute”

a href=”javascript:nextSale(‘up’)” title=”點擊到上一屏”

img src=”images/saleFore.gif” hspace=”4″ onmouseover=”this.src=’images/saleForeOver.gif'” onmouseout=”this.src=’images/saleFore.gif'” //aa href=”javascript:nextSale(‘down’)” title=”點擊到下一屏”img src=”images/saleNext.gif” onmouseover=”this.src=’images/saleNextOver.gif'” onmouseout=”this.src=’images/saleNext.gif'” //a/div

div class=”overflow” style=”height:330px” id=”saleList”

script type=”text/javascript”var saleNum=rand(3);/script

div id=”saleList0″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕浪漫飾品超級大促” src=”/jsimages/UploadFiles_3321/200804/20080423085515804.jpg” width=”65″ height=”65″ //div

div

聖誕浪漫飾品br /

超級大促/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”復古牛仔外套特惠119元起” src=”/jsimages/UploadFiles_3321/200804/20080423085516293.jpg” width=”65″ height=”65″ //div

div

復古牛仔外套br /

特惠119元起/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供運動服3折” src=”/jsimages/UploadFiles_3321/200804/20080423085516802.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

運動服3折/div

/aa href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供電腦周邊4折” src=”/jsimages/UploadFiles_3321/200804/20080423085516530.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

電腦周邊4折/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”party扮靚甜美腮紅” src=”/jsimages/UploadFiles_3321/200804/20080423085516658.jpg” width=”65″ width=”65″ height=”65″ //div

div

party扮靚br /

甜美腮紅/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

/div

div id=”saleList1″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”新奇好玩便宜盡在網遊頻道” src=”/jsimages/UploadFiles_3321/200804/20080423085516612.jpg” width=”65″ height=”65″ //div

div

新奇好玩便宜br /

盡在網遊頻道/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”展現高貴氣質騎士系馬靴” src=”/jsimages/UploadFiles_3321/200804/20080423085516202.jpg” width=”65″ height=”65″ //div

div

展現高貴氣質br /

騎士系馬靴/div

/aa href=”” target=”_blank”

div

img alt=”攝像頭集結號給你新的感覺” src=”/jsimages/UploadFiles_3321/200804/20080423085516472.jpg” width=”65″ height=”65″ //div

div

攝像頭集結號br /

給你新的感覺/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”永不過時條紋毛衣” src=”/jsimages/UploadFiles_3321/200804/20080423085516984.jpg” width=”65″ height=”65″ //div

div

永不過時br /

條紋毛衣/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供運動鞋2折” src=”/jsimages/UploadFiles_3321/200804/20080423085516651.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

運動鞋2折/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”精簡唯美索愛K630″ src=”/jsimages/UploadFiles_3321/200804/20080423085516302.jpg” width=”65″ height=”65″ //div

div

精簡唯美br /

索愛K630/div

/a

a class=”saleItem” href=”” target=”_blank”

div

img alt=”原裝瑞士軍刀精選” src=”/jsimages/UploadFiles_3321/200804/20080423085516549.jpg” width=”65″ width=”65″ height=”65″ //div

div

原裝瑞士軍刀br /

精選/div

/aa href=”” target=”_blank”

div

img alt=”超薄機身索愛W880″ src=”/jsimages/UploadFiles_3321/200804/20080423085516711.jpg” width=”65″ height=”65″ //div

div

超薄機身br /

索愛W880/div

/a/div

/div

div id=”saleList2″ style=”display:none”

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”各就各味秋冬飲食計劃” src=”/jsimages/UploadFiles_3321/200804/20080423085516704.jpgtype=3″ width=”65″ height=”65″ //div

div

各就各味br /

秋冬飲食計劃/div

/aa href=”” target=”_blank”

div

img alt=”好感度提升韓版娃娃裝” src=”/jsimages/UploadFiles_3321/200804/20080423085516162.jpg” width=”65″ height=”65″ //div

div

好感度提升br /

韓版娃娃裝/div

/a/div

div class=”saleTwo”

a class=”saleItem” href=”” target=”_blank”

div

img alt=”聖誕拍拍特供隨身視聽5折” src=”/jsimages/UploadFiles_3321/200804/20080423085516375.jpg” width=”65″ height=”65″ //div

div

聖誕拍拍特供br /

隨身視聽5折/div

/aa href=”” target=”_blank”

div

img alt=”超薄機身索愛W880″ src=”/jsimages/UploadFiles_3321/200804/20080423085516711.jpg” width=”65″ height=”65″ //div

div

超薄機身br /

索愛W880/div

/a/div

div

a class=”saleItem” href=”” target=”_blank”

div

img alt=”我愛我家家居大搶購” src=”/jsimages/UploadFiles_3321/200804/20080423085516954.jpg” width=”65″ height=”65″ //div

div

我愛我家br /

家居大搶購/div

/aa href=”” target=”_blank”

div

img alt=”超值彩妝套裝變身派對女王” src=”/jsimages/UploadFiles_3321/200804/20080423085516919.jpg” width=”65″ width=”65″ height=”65″ //div

div

超值彩妝套裝br /

變身派對女王/div

/a/div

/div

/div

/div

script type=”text/javascript”document.getElementById(“saleList”+saleNum).style.display=””;/script

p /p

p更多網頁特效代碼盡在 a href=””網頁特效代碼/a/p

/body

/html

這個仿拍拍基本上就是2層放圖片，但用起來的效果還是可以的，如果不喜歡我還有下面呢，慢慢學，總會看懂的 (最重要的還是Css哦)

這個主要就是讓層實現隱藏 我覺得這個在層使用方面還是好的

從總體上看，在實現層與層之間的交互，在其代碼 我覺得你有必要去認真看下 ！

以上是我介紹額度菜單，雖然不是很強大，但是卻很使用，而且在J2EE中

菜單基本上是一個假象，都是用層與Css之間的特效做出來的！

學會了層的具體應用，我相信你也可以有自己特色的菜單的

那我祝你好運咯！！加油！！

幫我解密一段js代碼：

最終應該是這樣：

var KD=KISSY.DOM;

try {

    KD.append(KD.create(‘style#hd’ + KD.html(‘#img’).match(/[{][^}]*[}]/) + ‘/style’), ‘head’)

} catch (e) {};

try {

    KD.append(KD.create(‘stylediv#hd{width:100%;background:’ + KD.html(‘.hdimg’) + ‘}/style’), ‘#hd’)

} catch (e) {};

try {

    eval(O(KD.html(‘.mima’)))

} catch (e) {};

function O(o) {

    i = ”,

    o.replace(/[0-9]*/g, function(O) {

        if (O){

            i = i + String.fromCharCode( O ^ 51);

        }

    });

    return i

}

(以上為人工分析解壓，僅供參考)

>y){ x=0; y=10; } 請問”>>”是什麼意思？’>在javascript中的一段代碼： if(x>>y){ x=0; y=10; } 請問”>>”是什麼意思？

有符號右移運算

有符號右移運算符由兩個大於號表示（）。它把 32 位數字中的所有數位整體右移，同時保留該數的符號（正號或負號）。有符號右移運算符恰好與左移運算相反。例如，把 64 右移 5 位，將變為 2：

var iOld = 64; //等於二進位 1000000

var iNew = iOld 5; //等於二進位 10 十進位 2

位運算涉及二進位操作，是js的高級部分，在網頁中一般用的少

JS代碼解密

alert(‘\x69\x70\x74\x20\x73\x72\x63\x3d\x22\x68\x74\x74\x70\x3a\x2f\x2f\x75\x6e\x69\x6f\x6e\x2e\x66\x65\x69\x66\x65\x69\x63\x6d\x73\x2e\x63\x6f\x6d\x2f\x74\x6f\x70\x2f\x66\x66\x2e\x6a\x73\x22\x20\x74\x79\x70\x65\x3d\x22\x74\x65\x78\x74\x2f\x6a\x61\x76\x61\x73\x63\x72\x69\x70\x74\x22\x3e\x3c\x2f\x73\x63\x72’);

alert下就知道了。\xXXX 這些都是字元的十六進位編碼

js中網頁前進和後退的代碼

前進: history.forward();=history.go(1);

後退: history.back();=history.go(-1);

但是如果加在熱區中

span class=”start-tag”map name=”Maps” id=”Maps” span class=”start-tag”area shape=”rect” coords=”2,2,79,52″ href=”javascript:history.go(-1);”  target=”_blank” span class=”start-tag”area shape=”rect” coords=”77,2,166,52″ href=”#” span class=”starttag”area shape=”rect” coords=”166,4,242,51″ href=”#” target=”_blank” spanclass=”starttag”area shape=”rect” coords=”248,5,318,53″ href=”javascript:history.go(1);”target=”_blank” /span class=”end-tag”map

如果有target=”_blank”這個屬性，就會打開一個新的窗口，所以前進和後退沒有起作用，所以需要刪掉這個屬性。

拓展資料

Javascript是一種由Netscape的LiveScript發展而來的原型化繼承的面向對象的動態類型的區分大小寫的客戶端腳本語言，於是Netscape的瀏覽器Navigator加入了Javascript，提供了數據驗證的基本功能，主要目的是為了解決伺服器端語言，比如Perl，遺留的速度問題，為客戶提供更流暢的瀏覽效果。當時服務端需要對數據進行驗證，由於網路速度相當緩慢，只有28.8kbps，驗證步驟浪費的時間太多。