Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲在线免费,成人免费观看国产高清,国产成人精品免费视频动漫

          整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線(xiàn):

          微軟網(wǎng)頁(yè)設(shè)計(jì)工具Expression Web快速入門(mén)

          微軟網(wǎng)頁(yè)設(shè)計(jì)工具Expression Web快速入門(mén)

          軟開(kāi)發(fā)的網(wǎng)頁(yè)設(shè)計(jì)工具Expression Web,作為網(wǎng)頁(yè)設(shè)計(jì)工具FrontPage的替代品,在功能以及可擴(kuò)展性方面都有了很大提升,它徹底解決了以前FrontPage會(huì)產(chǎn)生不標(biāo)準(zhǔn)網(wǎng)頁(yè)代碼的缺點(diǎn),現(xiàn)在用Expression Web可以創(chuàng)建完全符合標(biāo)準(zhǔn)的網(wǎng)站,同時(shí)支持最新的CSS和層,具有強(qiáng)大的CSS功能,Expression Web支持asp.net2.0和XML,具有強(qiáng)大的數(shù)據(jù)庫(kù)操作功能。通過(guò)這些新特性,Expression Web擺脫了以前FrontPage給設(shè)計(jì)人員造成的一種“玩具”印象,逐步走進(jìn)了專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)人員的視野。

          Expression Web啟動(dòng)畫(huà)面

          下面我們就來(lái)了解一下這個(gè)網(wǎng)頁(yè)設(shè)計(jì)工具的使用方法。

          一、建立網(wǎng)站

          Expression Web是一個(gè)強(qiáng)大的網(wǎng)頁(yè)編輯和網(wǎng)站設(shè)計(jì)工具,在編輯具體的網(wǎng)頁(yè)之前,我們首先要對(duì)自己的網(wǎng)站有一個(gè)總體的規(guī)劃,設(shè)計(jì)網(wǎng)站的結(jié)構(gòu),然后再進(jìn)行具體的網(wǎng)頁(yè)編輯操作。在網(wǎng)站規(guī)劃方面,我們既可以自己手工操作,也可以用Expression Web提供的模板來(lái)自動(dòng)創(chuàng)建。

          (一)建立普通站點(diǎn)

          單擊“文件→新建→網(wǎng)站”命令,打開(kāi)“新建”網(wǎng)站對(duì)話(huà)框,在左邊的窗口中選擇“常規(guī)”,在右邊的窗口中顯示出要?jiǎng)?chuàng)建的網(wǎng)站類(lèi)型。

          只有一個(gè)網(wǎng)頁(yè)的網(wǎng)站:創(chuàng)建只有一個(gè)單獨(dú)的空白網(wǎng)頁(yè)的新網(wǎng)站。

          空白網(wǎng)站:創(chuàng)建一個(gè)沒(méi)有內(nèi)容的新網(wǎng)站。

          單擊“指定新網(wǎng)站的位置”右邊的“瀏覽”按鈕,可以選擇網(wǎng)站保存的位置,最后單擊“確定”按鈕,一個(gè)新網(wǎng)站就建立好了。

          (二)使用導(dǎo)入向?qū)Ы⒄军c(diǎn)

          這種方式可以創(chuàng)建一個(gè)網(wǎng)站,并將一個(gè)已建立的網(wǎng)站或某個(gè)文件(目錄)導(dǎo)入到當(dāng)前網(wǎng)站中,它采用向?qū)降牟僮鳎徊讲揭龑?dǎo)用戶(hù)完成網(wǎng)站的創(chuàng)建。

          單擊“文件→新建→網(wǎng)站”命令,打開(kāi)“新建”網(wǎng)站對(duì)話(huà)框,在左邊窗口中選擇“常規(guī)”,在右邊窗口中選擇“網(wǎng)站導(dǎo)入向?qū)А保缓髥螕簟盀g覽”按鈕,選擇新網(wǎng)站的位置;單擊“確定”按鈕,出現(xiàn)“導(dǎo)入網(wǎng)站向?qū)А睂?duì)話(huà)框,用戶(hù)可以選擇導(dǎo)入文件的方式,有Http、Ftp、WebDAV、 FrontPage Server Extensions、文件系統(tǒng)五種方式,這里我們選擇從本機(jī)上導(dǎo)入文件,所以選擇“文件系統(tǒng)”,然后單擊“瀏覽”按鈕選擇要導(dǎo)入的文件目錄,單擊兩次“進(jìn)一步”按鈕,最后單擊“完成”,出現(xiàn)“本地網(wǎng)站”和“遠(yuǎn)程網(wǎng)站”窗口,單擊“遠(yuǎn)程網(wǎng)站”下部的“發(fā)布網(wǎng)站”按鈕,將遠(yuǎn)程網(wǎng)站中的文件發(fā)布到本地網(wǎng)站中,在“文件夾列表”中就可以看到導(dǎo)入的文件內(nèi)容。

          (三)使用模板建立站點(diǎn)

          Expression Web內(nèi)置了多種站點(diǎn)模板,用戶(hù)可以非常方便地用它創(chuàng)建一個(gè)自己需要的網(wǎng)站。

          單擊“文件→新建→網(wǎng)站”命令,打開(kāi)“新建”網(wǎng)站對(duì)話(huà)框,在左邊窗口中選擇“模板”,在右邊窗口中列出了模板網(wǎng)站的類(lèi)型,有個(gè)人、單位、小型企業(yè),選中某種類(lèi)型,就可以在右邊的預(yù)覽區(qū)查看它的外觀樣式,單擊“瀏覽”按鈕,選擇網(wǎng)站保存的位置,然后單擊“確定”按鈕,一個(gè)新網(wǎng)站就建好了。對(duì)模板中的各個(gè)頁(yè)面適當(dāng)修改就可以變成自己的網(wǎng)站,非常簡(jiǎn)單。如果用戶(hù)創(chuàng)建的是單位或個(gè)人的小型站點(diǎn),用這種方法最方便快捷。

          二、創(chuàng)建新網(wǎng)頁(yè)

          單擊“文件→新建→網(wǎng)頁(yè)”命令,打開(kāi)“新建網(wǎng)頁(yè)”對(duì)話(huà)框,Expression Web可以創(chuàng)建“常規(guī)”、“asp.net”、“ css布局”、“樣式表”、“框架網(wǎng)頁(yè)”4種類(lèi)型的文件,每種文件又包含很多種類(lèi)型,在左邊的窗口中選中一種類(lèi)型,在中間的窗口中列出詳細(xì)的分類(lèi),右邊的窗口是預(yù)覽區(qū),可以預(yù)覽一些網(wǎng)頁(yè)的外觀樣式,選中要?jiǎng)?chuàng)建的網(wǎng)頁(yè)類(lèi)型,單擊“確定”按鈕即可。一般常用的文檔類(lèi)型在“常規(guī)”分類(lèi)中都可以找到。

          創(chuàng)建新網(wǎng)頁(yè)

          另外,單擊工具欄“新建文檔”右邊的下拉按鈕,在彈出菜單中選擇“網(wǎng)頁(yè)”選項(xiàng),也可以打開(kāi)“新建網(wǎng)頁(yè)”對(duì)話(huà)框,當(dāng)然也可以直接在彈出的菜單中選擇要?jiǎng)?chuàng)建的網(wǎng)頁(yè)類(lèi)型,如HTML、ASPX、CSS。

          可以通過(guò)以下方法隨時(shí)預(yù)覽編輯的網(wǎng)頁(yè),注意在預(yù)覽前一定要先保存網(wǎng)頁(yè)。

          方法一:?jiǎn)螕簟拔募跒g覽器中預(yù)覽”命令,然后在展開(kāi)的子菜單中選擇瀏覽器和窗口大小。

          方法二:?jiǎn)螕艄ぞ邫谥械摹邦A(yù)覽”按鈕,或者單擊按鈕旁的箭頭,在下拉框中選擇瀏覽器和窗口大小。

          方法三:直接按F12鍵。

          三、創(chuàng)建超鏈接

          超鏈接既可以是文字也可以是圖片,既可以鏈接到網(wǎng)站內(nèi)的網(wǎng)頁(yè),也可以鏈接到其他的網(wǎng)站、文件、程序或電子郵件。

          1、選中要建立超鏈接的文本或圖片,如果沒(méi)有選擇文本或圖片,則目標(biāo)URL顯示為超鏈接文本。

          2、單擊“插入→超鏈接”命令或工具欄中的“插入超鏈接”按鈕,彈出“插入超鏈接”對(duì)話(huà)框。

          3、設(shè)置超鏈接的參數(shù)內(nèi)容:

          在“要顯示的文字”框中輸入超鏈接要顯示的文本內(nèi)容。

          單擊“屏幕提示”按鈕,在彈出的對(duì)話(huà)框中輸入屏幕提示文字,當(dāng)你將鼠標(biāo)移到超鏈接上時(shí)將顯示該文字內(nèi)容。

          如果要鏈接到網(wǎng)站中的某個(gè)網(wǎng)頁(yè),請(qǐng)?jiān)凇爱?dāng)前文件夾”列表中選中一個(gè)網(wǎng)頁(yè),如果要鏈接到外部網(wǎng)站,請(qǐng)?jiān)凇暗刂贰笨蛑休斎刖W(wǎng)站的網(wǎng)址。

          單擊“目標(biāo)框架”,在彈出的窗口中可以設(shè)置網(wǎng)頁(yè)的打開(kāi)方式,如果希望在新瀏覽窗口中打開(kāi)超鏈接,請(qǐng)選擇“新建窗口”。

          如果要鏈接到電子郵件地址,請(qǐng)選擇“電子郵件地址”,然后在右邊的窗口中輸入“電子郵件地址”和郵件主題。

          4、 設(shè)置完畢,單擊“確定”按鈕。

          四、插入圖片

          將光標(biāo)移到網(wǎng)頁(yè)中要插入圖片的位置,單擊“插入→圖片→來(lái)自文件”命令或直接單擊工具欄中的“插入文件中的圖片”按鈕,打開(kāi)“圖片”對(duì)話(huà)框,選中所需要的圖片文件,單擊“插入”按鈕,出現(xiàn)“輔助功能屬性”對(duì)話(huà)框,在“替代文本”框中,輸入在下載圖形、找不到圖形或網(wǎng)站訪(fǎng)問(wèn)者將鼠標(biāo)移到圖形上時(shí)為圖形所顯示的文本,若要添加較詳細(xì)的說(shuō)明,請(qǐng)單擊“瀏覽”按鈕,并選擇一個(gè)文件,再單擊“打開(kāi)”按鈕,當(dāng)然你也可以選擇不在“輔助功能屬性”對(duì)話(huà)框中輸入內(nèi)容,單擊“確定”按鈕,圖片就插入到網(wǎng)頁(yè)中。

          五、創(chuàng)建表格

          在Expression Web中有兩種方法創(chuàng)建表格。

          (1)使用工具按鈕插入表格

          將插入點(diǎn)移到網(wǎng)頁(yè)中要插入表格的位置,單擊工具欄中的“插入表格”按鈕,彈出一個(gè)表格窗口,向右下方拖動(dòng)鼠標(biāo),表格框中就會(huì)顯示表格的大小,表格大小滿(mǎn)足要求時(shí)單擊鼠標(biāo)就會(huì)在網(wǎng)頁(yè)中插入一張空表格。

          (2)使用菜單命令輸入表格

          將插入點(diǎn)移到網(wǎng)頁(yè)中要插入表格的位置,單擊“表格→插入表格”命令,出現(xiàn)“插入表格”對(duì)話(huà)框,輸入表格所需的“行數(shù)”和“列數(shù)”,然后在“布局”、“邊框”、“背景”中設(shè)置好表格的其他參數(shù),單擊“確定”按鈕,一個(gè)表格就出現(xiàn)在網(wǎng)頁(yè)中。

          六、創(chuàng)建框架網(wǎng)頁(yè)

          框架網(wǎng)頁(yè)是一種特殊的網(wǎng)頁(yè),它本身并不包含可見(jiàn)內(nèi)容,它只是一個(gè)窗口,里面包含多個(gè)框架,每個(gè)框架都可以顯示一個(gè)獨(dú)立的網(wǎng)頁(yè),多個(gè)框架之間還可以設(shè)置超鏈接,這些框架的集合,就稱(chēng)為框架網(wǎng)頁(yè)。

          單擊“文件→新建→網(wǎng)頁(yè)”命令,打開(kāi)“新建”網(wǎng)頁(yè)對(duì)話(huà)框,在“網(wǎng)頁(yè)”選項(xiàng)卡中單擊“框架網(wǎng)頁(yè)”,在右邊的列表中就可以看到程序內(nèi)置的十種框架網(wǎng)頁(yè)模板以及預(yù)覽圖,選擇一種模板,單擊“確定”按鈕,就可以創(chuàng)建一個(gè)框架網(wǎng)頁(yè)。

          新創(chuàng)建的框架網(wǎng)頁(yè)還沒(méi)有任何內(nèi)容,用戶(hù)需要給每個(gè)框架來(lái)填充網(wǎng)頁(yè)內(nèi)容,有兩種方法:

          如果已經(jīng)在網(wǎng)站中編輯了網(wǎng)頁(yè),可以單擊框架中的“設(shè)置初始網(wǎng)頁(yè)”按鈕,打開(kāi)“插入超鏈接”對(duì)話(huà)框,在文件列表中選中一個(gè)網(wǎng)頁(yè)文件,也可以直接在“地址”欄中輸入網(wǎng)址,單擊“確定”按鈕,就可以將網(wǎng)頁(yè)插入到框架中。

          如果還沒(méi)有建立網(wǎng)頁(yè),需要給框架新建網(wǎng)頁(yè)內(nèi)容,請(qǐng)單擊框架中的“新建網(wǎng)頁(yè)”按鈕,開(kāi)始新網(wǎng)頁(yè)的編輯。

          七、創(chuàng)建樣式表

          利用Expression Web可以非常方便地創(chuàng)建樣式表,用來(lái)設(shè)置網(wǎng)頁(yè)及其內(nèi)容的格式。

          (1)創(chuàng)建外部樣式表

          單擊“文件→新建→CSS”命令,新建一個(gè)樣式表文件,然后單擊“應(yīng)用樣式”任務(wù)窗格中的“新建樣式”按鈕,打開(kāi)“新建樣式”對(duì)話(huà)框,在“選擇器”中選擇要定義的標(biāo)記,在“定義位置”下拉列表中選擇“現(xiàn)有樣式表”,在下面的“類(lèi)別”區(qū)設(shè)置好各項(xiàng)參數(shù),單擊“確定”按鈕,一個(gè)樣式表就建好了,將它保存起來(lái),以后就可以使用了。

          (2)創(chuàng)建內(nèi)部樣式表

          首先打開(kāi)要?jiǎng)?chuàng)建內(nèi)部樣式表的網(wǎng)頁(yè),然后單擊“應(yīng)用樣式”任務(wù)窗格中的“新建樣式”按鈕,在“新建樣式”對(duì)話(huà)框的“定義位置”下拉菜單中,選擇“當(dāng)前網(wǎng)頁(yè)”,在“選擇器”中選擇要定義的標(biāo)記,同時(shí)在下面設(shè)置好各項(xiàng)參數(shù),單擊“確定”按鈕,樣式表就自動(dòng)插入到網(wǎng)頁(yè)中的<head></ head>標(biāo)記之間,我們可以轉(zhuǎn)換到“代碼”視圖模式進(jìn)行查看。

          八、插入層

          單擊“任務(wù)窗格→層”命令,將“層”任務(wù)窗格顯示在右下方的面板中,然后在網(wǎng)頁(yè)中,將光標(biāo)移到要插入層的位置,單擊“插入→HTML→層”命令或在“層”任務(wù)窗格中單擊“插入層”按鈕,就可以在網(wǎng)頁(yè)中插入一個(gè)層。

          也可以在“層”任務(wù)窗格中單擊“繪制層”按鈕,然后用鼠標(biāo)在網(wǎng)頁(yè)中拖動(dòng)就可以畫(huà)出一個(gè)層。

          九、添加動(dòng)態(tài)網(wǎng)頁(yè)效果

          為了使網(wǎng)頁(yè)充滿(mǎn)活力,富于變化和吸引力,我們往往需要給網(wǎng)頁(yè)添加上一些聲音、動(dòng)畫(huà)、彈出窗口、網(wǎng)頁(yè)過(guò)渡效果等特效,在Expression Web中我們可以不用寫(xiě)一句代碼,就能輕松實(shí)現(xiàn)這些特效。

          1、添加交互式按鈕

          將光標(biāo)移到要添加按鈕的位置,單擊“插入→交互式按鈕”命令,打開(kāi)“交互式按鈕”對(duì)話(huà)框,進(jìn)行如下設(shè)置:

          在“按鈕”選項(xiàng)卡的“按鈕”列表中,單擊選擇按鈕樣式,在“文本”框中,輸入要顯示在按鈕上的文本,單擊“鏈接”旁邊的“瀏覽”按鈕,在打開(kāi)的“編輯超鏈接”對(duì)話(huà)框中找到并單擊希望鏈接到的文件、URL或電子郵件地址。

          在“字體”選項(xiàng)卡上,可設(shè)置各種按鈕狀態(tài)下文本的字體、樣式、對(duì)齊方式及顏色。

          在“圖像”選項(xiàng)卡上,可設(shè)置要?jiǎng)?chuàng)建的圖像的大小以及是否創(chuàng)建對(duì)應(yīng)于各種按鈕狀態(tài)的圖像。

          各種參數(shù)設(shè)置完畢,單擊“確定”按鈕,一個(gè)交互式按鈕就會(huì)出現(xiàn)在網(wǎng)頁(yè)中。

          2、添加網(wǎng)頁(yè)過(guò)渡效果

          Expression Web可以通過(guò)動(dòng)態(tài)HTML技術(shù)讓網(wǎng)頁(yè)之間的轉(zhuǎn)換變成動(dòng)態(tài)的,當(dāng)用戶(hù)瀏覽網(wǎng)站時(shí),從一個(gè)網(wǎng)頁(yè)切換到另一個(gè)網(wǎng)頁(yè)將出現(xiàn)淡入、淡出、擦除等不同的效果。

          向網(wǎng)頁(yè)添加過(guò)渡效果的具體操作是:打開(kāi)要添加過(guò)渡效果的網(wǎng)頁(yè),單擊“格式→網(wǎng)頁(yè)過(guò)渡”命令,打開(kāi)“網(wǎng)頁(yè)過(guò)渡”對(duì)話(huà)框,在“事件”下拉菜單中選擇要應(yīng)用效果的事件,在“持續(xù)時(shí)間”中輸入過(guò)渡效果持續(xù)的時(shí)間,在“過(guò)渡效果”列表中單擊所需的過(guò)渡效果類(lèi)型,最后單擊“確定”按鈕。

          3、向頁(yè)面元素添加行為

          我們可以對(duì)整個(gè)頁(yè)面、圖像、文字、鏈接或者頁(yè)面中的一個(gè)或多個(gè)元素添加行為,具體操作如下:

          首先單擊“格式→行為”命令,在右下角的面板中打開(kāi)“行為”任務(wù)窗格,然后在網(wǎng)頁(yè)中選中要添加行為的網(wǎng)頁(yè)元素,如文本或圖形,在“行為”任務(wù)窗格中,單擊“插入”按鈕,彈出下拉菜單,單擊所需的操作,彈出設(shè)置對(duì)話(huà)框,對(duì)于不同的操作,對(duì)話(huà)框的內(nèi)容不同,設(shè)置完畢,單擊“確定”按鈕。若要選擇不同的事件,請(qǐng)?jiān)凇笆录敝拢瑔螕裟J(rèn)事件右邊的下拉箭頭,在彈出的菜單中選中所需的事件即可。

          十、發(fā)布站點(diǎn)

          在發(fā)布網(wǎng)站之前,用戶(hù)首先要申請(qǐng)網(wǎng)站空間,獲得網(wǎng)站空間的ftp地址以及用戶(hù)名和密碼。

          1、打開(kāi)要發(fā)布的網(wǎng)站。

          2、單擊 “網(wǎng)站→遠(yuǎn)程網(wǎng)站”命令切換到遠(yuǎn)程網(wǎng)站視圖。

          3、在“遠(yuǎn)程網(wǎng)站”視圖,單擊“遠(yuǎn)程網(wǎng)站屬性”按鈕。

          4、打開(kāi)“遠(yuǎn)程網(wǎng)站屬性”對(duì)話(huà)框,在“遠(yuǎn)程網(wǎng)站”選項(xiàng)卡中選擇一種服務(wù)器類(lèi)型。由于大多數(shù)網(wǎng)站都是采用FTP方式上傳文件,所以我們選擇“FTP”,然后在“遠(yuǎn)程網(wǎng)站位置”中輸入FTP地址,在FTP目錄中輸入上傳的目錄,不輸入目錄時(shí)將默認(rèn)上傳到網(wǎng)站的根目錄下。

          5、單擊“確定”按鈕,輸入網(wǎng)站的用戶(hù)名和密碼。

          6、單擊“確定”按鈕,打開(kāi)遠(yuǎn)程網(wǎng)站。在“遠(yuǎn)程網(wǎng)站”中選中要發(fā)布的目錄,雙擊可以打開(kāi)它。

          7、在“遠(yuǎn)程網(wǎng)站”窗格中的“發(fā)布所有更改過(guò)的網(wǎng)頁(yè)”之下,選中“本地到遠(yuǎn)程”選項(xiàng)。

          8、在“本地網(wǎng)站”窗格中,右鍵單擊不希望發(fā)布的每個(gè)文件,在彈出的快捷菜單中再單擊“不發(fā)布”命令。

          9、單擊“發(fā)布網(wǎng)站”按鈕。

          如果想快速在本地網(wǎng)站和遠(yuǎn)程網(wǎng)站之間移動(dòng)文件,也可以單擊某個(gè)文件并將其拖放到目標(biāo)網(wǎng)站中即可。

          1.閱后如果喜歡,不妨點(diǎn)贊、評(píng)論和關(guān)注一下。

          2.如果喜歡玩軟件,請(qǐng)關(guān)注本頭條號(hào)閱讀相關(guān)文章。

          3.在學(xué)習(xí)中有什么問(wèn)題,歡迎與我溝通交流,號(hào)搜索:微課傳媒,我在這里等你喲!

          、選擇題(1-18題各3分19-36題各2分,共92分)

          1.在HTML的<TD>標(biāo)簽中,align 屬性的取值是( C )

          A. top ; B. middle ; C. center ; D. bottom

          <table border="1">

          <tr>

          <td width="100px">姓名</td>

          <td>性別</td>

          <td>年齡</td>

          </tr>

          <tr>

          <td>張三</td>

          <td>男</td>

          <td>20齡</td>

          </tr>

          </table>

          2. CSS樣式表根據(jù)所在網(wǎng)頁(yè)的位置,可分為( B )

          A.行內(nèi)樣式表、內(nèi)嵌樣式表、混合樣式表; B.行內(nèi)樣式表、內(nèi)嵌樣式表、外部樣式表;

          C.外部樣式表、內(nèi)嵌樣式表、導(dǎo)入樣式表; D.外部樣式表、混合樣式表、導(dǎo)入樣式表

          行內(nèi)樣式:

          <html>

          <body>

          <div style="width:100px;height:100px;background:red;"></div>>

          </body>

          </html>

          -----------------------------------------------------------------

          內(nèi)嵌樣式:

          <html>

          <head>

          <style type="text/css">

          #div{width:100px;height:100px;background:red;}

          </style>

          </head>

          <body>

          <div id="div"></div>

          </body>

          </html>

          --------------------------------------------------------------

          外部樣式:

          <html>

          <head>

          <link rel="stylesheet" type="text/css" href="ccss.css">

          </head>

          <body>

          <div id="div"></div>>

          </body>

          </html>

          ---------------------

          css文件

          #div{width:100px;height:100px;background:red;}

          #和.區(qū)別

          .點(diǎn)是使用class引用的,多個(gè)控件可以同時(shí)使用一個(gè)class,一個(gè)控件上也可以使用多個(gè)class,比如

          .tdRed{border:solid 1px red;}

          .tdBKBlue{background-color:blue;}

          <td class="tdRed" />

          <td class="tdRed tdBKBule"/>

          而ID是在一個(gè)頁(yè)面中唯一的

          總得來(lái)說(shuō)class表示泛性的,id表示個(gè)性的

          比如你所有的按鈕都是一個(gè)顏色的

          .normalButton{background-color:blue;border:solid 0px black;}

          對(duì)于提交按鈕會(huì)要做的大一點(diǎn)

          #submit{width:100px;height:100px;}

          那么你的按鈕就是

          <input type="button" id="submit" class="normalButton" value="提交" />

          普通的按鈕就是

          <input type="button" id="abcdefg" class="normalButton" value="普通按鈕" />

          3. 在插入圖片標(biāo)簽中,對(duì)插入的圖片進(jìn)行文字說(shuō)明使用的屬性是( D )

          A.name; B.id; C.src; D. alt

          4. 對(duì)于<FORM action=″URL″ method=*>標(biāo)簽,其中*代表GET或( C )

          A.SET; B. PUT; C. POST ; D. INPUT

          Get和post區(qū)別

          安全性:POST比GET安全;

          編碼方式:POST方式提交時(shí)可以通過(guò)HTML文檔中的<META>元素設(shè)置實(shí)體部分的編碼方式,而GET方式提交時(shí)URI默認(rèn)的編碼方式為ISO-8859-1,不可以在頁(yè)面中設(shè)置;

          傳輸文件大小:POST方式提交文件放在實(shí)體部分傳輸,大小無(wú)上限,而GET方式提交文件內(nèi)容放在URI部分傳輸,最大為2KB;

          請(qǐng)求速度:GET比POST快。

          數(shù)據(jù)傳輸方式:GET:查詢(xún)字符串(名稱(chēng)/值對(duì))是在 GET 請(qǐng)求的 URL 中發(fā)送的,如:/test/demo_form.asp?name1=value1&name2=value2;POST:查詢(xún)字符串(名稱(chēng)/值對(duì))是在 POST 請(qǐng)求的 HTTP 消息主體中發(fā)送的。

          5. 下列標(biāo)簽可以不成對(duì)出現(xiàn)的是( B )

          A.〈HTML〉〈/HTML〉 ; B.〈P〉 〈/P〉; C.〈TITLE〉〈/TITLE〉 ; D.〈BODY〉〈/BODY〉

          <p>是段落標(biāo)簽。

          在HTML4.01中某些標(biāo)簽(<p><br>,<hr>,<img>, <input>,<link>等)允許不成對(duì)出現(xiàn),但是不推薦。在現(xiàn)在的瀏覽器里,都會(huì)“兼容”這些單標(biāo)簽。瀏覽器解釋<p>標(biāo)簽后,碰到一個(gè)不對(duì)應(yīng)的標(biāo)簽時(shí),會(huì)自動(dòng)填補(bǔ)</p>。所以<p>標(biāo)簽可以單標(biāo)簽使用,但不推薦。

          在HTML5中規(guī)定了元素必須始終關(guān)閉,也就是標(biāo)簽必須成對(duì)出現(xiàn)。

          6. 對(duì)于標(biāo)簽〈input type=*〉,如果希望實(shí)現(xiàn)密碼框效果,*值是( C

          A. hidden; B.text ; C. password ; D. submit

          7. HTML代碼<select name=“name”></select>表示?( D

          A. 創(chuàng)建表格 ; <table>

          B. 創(chuàng)建一個(gè)滾動(dòng)菜單; <marquee>

          C. 設(shè)置每個(gè)表單項(xiàng)的內(nèi)容;

          D.創(chuàng)建一個(gè)下拉菜單

          8. BODY元素用于背景顏色的屬性是( C )

          A. alink ; B. vlink ; C. bgcolor; D. background

          9. 在表單中包含性別選項(xiàng),且默認(rèn)狀態(tài)為“男”被選中,下列正確的是( A )

          A. <input type=radio name=sex checked> 男 ; B.<input type=radio name=sex enabled>

          C.<input type=checkbox name=sex checked>男;

          D.nput type=checkbox name=sex enabled>男

          性別(單選框):<input type="radio" value="1" name="sex" checked="checked"/>男

          <input type="radio" value="2" name="sex"/>女

          角色(下拉框):<select name="role">

          <option value="1" selected="selected">教師</option>

          <option value="2">學(xué)生</option>

          </select>

          10. 在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過(guò)時(shí),超鏈接文字無(wú)下劃線(xiàn)?( B )

          A. A:link{TEXT-DECORATION: underline }; B. A:hover {TEXT-DECORATION: none};

          C. A:active {TEXT-DECORATION: blink }; D. A:visited {TEXT-DECORATION: overline }

          11. JavaScript代碼: 'abcdefg'.indexOf('D') 結(jié)果是( B )

          A:0 B:-1 C:3 D:4

          Js常用方法

          1.substr

          substr(start,length)表示從start位置開(kāi)始,截取length長(zhǎng)度的字符串。

          var src="images/off_1.png";

          alert(src.substr(7,3));

          彈出值為:off

          2.substring

          substring(start,end)表示從start到end之間的字符串,包括start位置的字符但是不包括end位置的字符。

          var src="images/off_1.png";

          alert(src.substring(7,10));

          彈出值為:off

          3.indexOF

          indexOf() 方法返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置(從左向右)。沒(méi)有匹配的則返回-1,否則返回首次出現(xiàn)位置的字符串的下標(biāo)值。

          var src="images/off_1.png";

          alert(src.indexOf('t'));

          alert(src.indexOf('i'));

          alert(src.indexOf('g'));

          彈出值依次為:-1,0,3

          4.lastIndexOf

          lastIndexOf()方法返回從右向左出現(xiàn)某個(gè)字符或字符串的首個(gè)字符索引值(與indexOf相反)

          var src="images/off_1.png";

          alert(src.lastIndexOf('/'));

          alert(src.lastIndexOf('g'));

          彈出值依次為:6,15

          5.split

          將一個(gè)字符串分割為子字符串,然后將結(jié)果作為字符串?dāng)?shù)組返回。

          以空格分割返回一個(gè)子字符串返回

          var s, ss;

          var s="1,2,3,4";

          ss=s.split(",");

          alert(ss[0]);

          alert(ss[1]);

          12. <img src="name">的意思是?( A )

          A. 圖像相對(duì)于周?chē)奈谋咀髮?duì)齊; B. 圖像相對(duì)于周?chē)奈谋居覍?duì)齊;

          C. 圖像相對(duì)于周?chē)奈谋镜撞繉?duì)齊; D. 圖像相對(duì)于周?chē)奈谋卷敳繉?duì)齊

          13. 點(diǎn)擊按鈕,在ID為“Link”的DIV標(biāo)簽內(nèi)顯示東軟實(shí)訓(xùn)超鏈接, 下面對(duì)該按鈕的onClick事件函數(shù)描述正確的是:C

          A. Link.innerText='<a ;

          B. Link.outerText='<a ;

          C. Link.innerHTML='<a ;

          D. Link.outerHTML='<a

          innerHTML 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的

          HTML

          outerHTML 設(shè)置或獲取對(duì)象及其內(nèi)容的 HTML 形式

          innerText 設(shè)置或獲取位于對(duì)象起始和結(jié)束標(biāo)簽內(nèi)的文本

          outerText 設(shè)置(包括標(biāo)簽)或獲取(不包括標(biāo)簽)對(duì)象的文本

          innerText和outerText在獲取時(shí)是相同效果,但在設(shè)置時(shí),innerText僅設(shè)置標(biāo)簽內(nèi)的文本,而outerText設(shè)置包括標(biāo)簽在內(nèi)的文本

          14.(“24.7” + 2.3 ) 的計(jì)算結(jié)果是( C

          A. 27 ; B. 24.7 2.3; C. 24.72.3; D. 26.7

          15. ( B )事件處理程序可用于在用戶(hù)單擊按鈕時(shí)執(zhí)行函數(shù)

          A. onSubmit; B. onClick; C. onChange; D. onExit

          屬性當(dāng)以下情況發(fā)生時(shí),出現(xiàn)此事件onabort圖像加載被中斷onblur元素失去焦點(diǎn)onchange用戶(hù)改變域的內(nèi)容onclick鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象ondblclick鼠標(biāo)雙擊某個(gè)對(duì)象onerror當(dāng)加載文檔或圖像時(shí)發(fā)生某個(gè)錯(cuò)誤onfocus元素獲得焦點(diǎn)onkeydown某個(gè)鍵盤(pán)的鍵被按下onkeypress某個(gè)鍵盤(pán)的鍵被按下或按住onkeyup某個(gè)鍵盤(pán)的鍵被松開(kāi)onload某個(gè)頁(yè)面或圖像被完成加載onmousedown某個(gè)鼠標(biāo)按鍵被按下onmousemove鼠標(biāo)被移動(dòng)onmouseout鼠標(biāo)從某元素移開(kāi)onmouseover鼠標(biāo)被移到某元素之上onmouseup某個(gè)鼠標(biāo)按鍵被松開(kāi)onreset重置按鈕被點(diǎn)擊onresize窗口或框架被調(diào)整尺寸onselect文本被選定onsubmit提交按鈕被點(diǎn)擊onunload用戶(hù)退出頁(yè)面

          16. 用戶(hù)更改表單元素 Select 中的值時(shí),就會(huì)調(diào)用( D )事件處理程序

          A. onClick; B. onFocus; C. onMouseOver; D. onChange

          17.onMouseUp 事件處理程序表示( A

          A. 鼠標(biāo)被釋放; B. 鼠標(biāo)按下; C. 鼠標(biāo)離開(kāi)某個(gè)區(qū)域; D. 鼠標(biāo)單擊

          18. 下列哪一項(xiàng)表示的不是按鈕( C

          A. type="submit"; B. type="reset"; C. type="image"; D. type="button"

          <img src="/i/eg_tulip.jpg" alt="上海鮮花港 - 郁金香" />

          19.下面哪一項(xiàng)是換行符標(biāo)簽?( C

          A. <body>; B. <font>; C. <br>; D. <p>

          font規(guī)定文本字體、大小和顏色:

          <font size="3" color="red">This is some text!</font>

          <font size="2" color="blue">This is some text!</font>

          <font face="verdana" color="green">This is some text!</font>

          20. 下列哪一項(xiàng)是在新窗口中打開(kāi)網(wǎng)頁(yè)文檔。( B

          A. _self; B. _blank; C. _top; D. _parent

          _blank在新窗口中打開(kāi)被鏈接文檔;

          _self是指在本身這個(gè)網(wǎng)頁(yè)窗口來(lái)打開(kāi)新的網(wǎng)頁(yè)鏈接;

          _top表示在頂層窗口打開(kāi)網(wǎng)頁(yè)鏈接,即在整個(gè)窗口中打開(kāi)被鏈接文檔;

          _parent表示在父窗口打開(kāi)網(wǎng)頁(yè)鏈接;

          <a target="_blank">Visit W3School!</a>onclick="javascript:window.open('Default.aspx','_blank');"

          21. 下面說(shuō)法錯(cuò)誤的是( D )

          A. CSS樣式表可以將格式和結(jié)構(gòu)分離;

          B. CSS樣式表可以控制頁(yè)面的布局;

          C. CSS樣式表可以使許多網(wǎng)頁(yè)同時(shí)更新;

          D. CSS樣式表不能制作體積更小下載更快的網(wǎng)頁(yè)

          CSS樣式表能為我們實(shí)現(xiàn)些什么樣的功能?

          1、你可以將格式和結(jié)構(gòu)分離。

          2、你可以以前所未有的能力控制頁(yè)面布局。

          3、你可以制作體積更小下載更快的網(wǎng)頁(yè)。

          4、你可以將許多網(wǎng)頁(yè)同時(shí)更新,比以前更快更容易。

          5、瀏覽器將成為你更友好的界面

          將格式和結(jié)構(gòu)分離

          HTML從來(lái)沒(méi)打算控制網(wǎng)頁(yè)的格式或外觀。這種語(yǔ)言定義了網(wǎng)頁(yè)的結(jié)構(gòu)和各要素的功能,而讓瀏覽器自己決定應(yīng)該讓各要素以何種模樣顯示。 但是網(wǎng)頁(yè)設(shè)計(jì)者要求的更多。所以當(dāng) Netscape推出新的可以控制網(wǎng)頁(yè)外觀的HTML標(biāo)簽時(shí),網(wǎng)頁(yè)設(shè)計(jì)者無(wú)不歡呼雀躍。 我們可以用<FONT FACE>、<I>包在<P>外邊控制文章主體的外觀等等。然后我們將所有東西都放入表格,用隱式GIF空格 產(chǎn)生一個(gè)20象素的邊距。一切都變得亂七八糟。編碼變得越來(lái)越臃腫不堪,要想將什么內(nèi)容迅速加到網(wǎng)頁(yè)中變得越來(lái)越難。 串接樣式表通過(guò)將定義結(jié)構(gòu)的部分和定義格式的部分分離使我們能夠?qū)?yè)面的布局施加更多的控制。HTML仍可以保持簡(jiǎn)單明了的初衷。CSS代碼獨(dú)立出來(lái)從另一角度控制頁(yè)面外觀。

          以前所未有的能力控制頁(yè)面的布局

          <FONT SIZE>能使我們調(diào)整字號(hào),表格標(biāo)簽幫助我們生成邊距,這都沒(méi)錯(cuò)。但是,我們對(duì)HTML總體上的控制卻很有限。我們不可能精確地生成80象素的高度,不可能控制行間距或字間距,我們不能在屏幕上精確定位圖象的位置。但是現(xiàn)在,樣式表使這一切都成為可能。

          可以制作出體積更小下載更快的網(wǎng)頁(yè)還有更好的消息:

          樣式表只是簡(jiǎn)單的文本,就象HTML那樣。它不需要圖象,不需要執(zhí)行程序,不需要插件,不需要流式。它就象HTML指令那樣快。有了CSS之后,以前必須求助于GIF的事情現(xiàn)在通過(guò)CSS就可以實(shí)現(xiàn)。還有,正如我先前提到的,使用串接樣式表可以減 少表格標(biāo)簽及其它加大HTML體積的代碼, 減少圖象用量從而減少文件尺寸。

          可以更快更容易地維護(hù)及更新大量的網(wǎng)頁(yè)

          沒(méi)有樣式表時(shí),如果我想更新整個(gè)站點(diǎn)中所有主體文本的字體,我必須一頁(yè)一頁(yè)地修改每張網(wǎng)頁(yè)。即便站點(diǎn)用數(shù)據(jù)庫(kù)提供服務(wù),我仍然需要更新所有的模板, 而且更新每一模板中每一個(gè)實(shí)例實(shí)例的 <FONT FACE>。樣式表的主旨就是將格式和結(jié)構(gòu)分離。 利于樣式表,我可以將站點(diǎn)上所有的網(wǎng) 頁(yè)都指向單一的一個(gè)CSS文件,我只要 修改CSS文件中某一行,那么整個(gè)站點(diǎn) 都會(huì)隨之發(fā)生變動(dòng)。

          瀏覽器將成為你更友好的界面

          不象其它的的網(wǎng)絡(luò)技術(shù),樣式表的代碼 有很好的兼容性,也就是說(shuō),如果用戶(hù) 丟失了某個(gè)插件時(shí)不會(huì)發(fā)生中斷,或者 使用老版本的瀏覽器時(shí)代碼不會(huì)出現(xiàn)雜 亂無(wú)章的情況。 只要是可以識(shí)別串接樣式表的瀏覽器就 可以應(yīng)用它。

          22. 要使表格的邊框不顯示,應(yīng)設(shè)置border的值是( B )

          A. 1; B. 0; C. 2; D. 3

          23. 如果要在表單里創(chuàng)建一個(gè)普通文本框,以下寫(xiě)法中正確的是( A )

          A. <INPUT>; B. <INPUT type="password">;

          C. <INPUT type="checkbox">; D. <INPUT type="radio">

          24. 以下有關(guān)按鈕的說(shuō)法中,錯(cuò)誤的是( B )

          A. 可以用圖像作為提交按鈕; B. 可以用圖像作為重置按鈕;

          C. 可以控制提交按鈕上的顯示文字; D. 可以控制重置按鈕上的顯示文字。

          <input type="image" src="pic.jpg" onclick="fangfa();"/>

          function fangfa(){

          document.formname.submit();

          document.formname.reset();

          }

          .引用相關(guān)頭文件

          引入CSS:

          <link href="Scripts/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" />

          <link href="Scripts/ui.jqgrid.css" rel="stylesheet" type="text/css" />

          引入JS:

          <script src="Scripts/jquery-1.5.1.js" type="text/javascript"></script>

          <script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>

          <script src="Scripts/grid.locale-en.js" type="text/javascript"></script>

          <script src="Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

          因?yàn)閖qGrid3.6及以后的版本集成了jQuery UI,所以,此處需要導(dǎo)入U(xiǎn)I相關(guān)js和css。另外grid.locale-en.js這個(gè)語(yǔ)言文件必須在jquery.jqGrid.min.js之前加載,否則會(huì)出問(wèn)題。

          2.將jqgrid加入頁(yè)面中

          根據(jù)jqGrid的文檔,要想生成一個(gè)jqGrid,最直接的方法就是:

          $("#list").jqGrid(options);

          其中l(wèi)ist是頁(yè)面上的一個(gè)table:<table id="list"></table>

          下面是一個(gè)簡(jiǎn)單的例子:

          <script type="text/javascript">

          $(document).ready(function () {

          jQuery("#list").jqGrid({

          url: 'Handler.ashx',

          datatype: "json",

          mtype: 'GET',

          colNames: ['SalesReasonID', 'Name', 'ReasonType', 'ModifiedDate'],

          colModel: [

          { name: 'SalesReasonID', index: 'SalesReasonID', width: 40, align: "left", editable: true },

          { name: 'Name', index: 'Name', width: 100, align: "center" },

          { name: 'ReasonType', index: 'ReasonType', width: 100, align: "center" },

          { name: 'ModifiedDate', index: 'ModifiedDate', width: 150, align: "center", search: false }

          ],

          rowList: [10, 20, 30],

          sortname: 'SalesReasonID',

          viewrecords: true,

          sortorder: "desc",

          jsonReader: {

          root: "griddata",

          total: "totalpages",

          page: "currpage",

          records: "totalrecords",

          repeatitems: false

          },

          pager: jQuery('#pager'),

          rowNum: 5,

          altclass: 'altRowsColour',

          //width: 'auto',

          width: '500',

          height: 'auto',

          caption: "DemoGrid"

          }).navGrid('#pager', { add: true, edit: true, del: true,search:false,refresh:false }); ;

          })

          二、 jqgrid的重要選項(xiàng)

          具體的options參考,可以訪(fǎng)問(wèn)jqGrid文檔關(guān)于option的章節(jié)(http://www.trirand.com/jqgridwiki/doku.php?id=wiki:options)。其中有幾個(gè)是比較常用的,重點(diǎn)介紹一下:

          • url :jqGrid控件通過(guò)這個(gè)參數(shù)得到需要顯示的數(shù)據(jù),具體的返回值可以使XML也可以是Json。
          • datatype :這個(gè)參數(shù)用于設(shè)定將要得到的數(shù)據(jù)類(lèi)型。類(lèi)型包括:json 、xml、xmlstring、local、javascript、function。
          • mtype : 定義使用哪種方法發(fā)起請(qǐng)求,GET或者POST。
          • height :Grid的高度,可以接受數(shù)字、%值、auto,默認(rèn)值為150。
          • width :Grid的寬度,如果未設(shè)置,則寬度應(yīng)為所有列寬的之和;如果設(shè)置了寬度,則每列的寬度將會(huì)根據(jù)shrinkToFit選項(xiàng)的設(shè)置,進(jìn)行設(shè)置。
          • shrinkToFit :此選項(xiàng)用于根據(jù)width計(jì)算每列寬度的算法。默認(rèn)值為true。如果shrinkToFit為true且設(shè)置了width值,則每列寬度會(huì)根據(jù)width成比例縮放;如果shrinkToFit為false且設(shè)置了width值,則每列的寬度不會(huì)成比例縮放,而是保持原有設(shè)置,而Grid將會(huì)有水平滾動(dòng)條。
          • autowidth :默認(rèn)值為false。如果設(shè)為true,則Grid的寬度會(huì)根據(jù)父容器的寬度自動(dòng)重算。重算僅發(fā)生在Grid初始化的階段;如果當(dāng)父容器尺寸變化了,同時(shí)也需要變化Grid的尺寸的話(huà),則需要在自己的代碼中調(diào)用setGridWidth方法來(lái)完成。
          • pager :定義頁(yè)碼控制條Page Bar,在上面的例子中是用一個(gè)div(<div id=”pager”></div>)來(lái)放置的。
          • sortname :指定默認(rèn)的排序列,可以是列名也可以是數(shù)字。此參數(shù)會(huì)在被傳遞到Server端。
          • viewrecords :設(shè)置是否在Pager Bar顯示所有記錄的總數(shù)。
          • caption :設(shè)置Grid表格的標(biāo)題,如果未設(shè)置,則標(biāo)題區(qū)域不顯示。
          • rowNum :用于設(shè)置Grid中一次顯示的行數(shù),默認(rèn)值為20。正是這個(gè)選項(xiàng)將參數(shù)rows(prmNames中設(shè)置的)通過(guò)url選項(xiàng)設(shè)置的鏈接傳遞到Server。注意如果Server返回的數(shù)據(jù)行數(shù)超過(guò)了rowNum的設(shè)定,則Grid也只顯示rowNum設(shè)定的行數(shù)。
          • rowList :一個(gè)數(shù)組,用于設(shè)置Grid可以接受的rowNum值。例如[10,20,30]。
          • colNames :字符串?dāng)?shù)組,用于指定各列的題頭文本,與列的順序是對(duì)應(yīng)的。
          • colModel :最重要的數(shù)組之一,用于設(shè)定各列的參數(shù)。(稍后詳述)
          • prmNames :這是一個(gè)數(shù)組,用于設(shè)置jqGrid將要向Server傳遞的參數(shù)名稱(chēng)。(稍后詳述)
          • jsonReader :這又是一個(gè)數(shù)組,用來(lái)設(shè)定如何解析從Server端發(fā)回來(lái)的json數(shù)據(jù)。(稍后詳述)

          2.1 prmNames選項(xiàng)

          prmNames是jqGrid的一個(gè)重要選項(xiàng),用于設(shè)置jqGrid將要向Server傳遞的參數(shù)名稱(chēng)。其默認(rèn)值為:

          prmNames : {

          page:"page", // 表示請(qǐng)求頁(yè)碼的參數(shù)名稱(chēng)

          rows:"rows", // 表示請(qǐng)求行數(shù)的參數(shù)名稱(chēng)

          sort: "sidx", // 表示用于排序的列名的參數(shù)名稱(chēng)

          order: "sord", // 表示采用的排序方式的參數(shù)名稱(chēng)

          search:"_search", // 表示是否是搜索請(qǐng)求的參數(shù)名稱(chēng)

          nd:"nd", // 表示已經(jīng)發(fā)送請(qǐng)求的次數(shù)的參數(shù)名稱(chēng)

          id:"id", // 表示當(dāng)在編輯數(shù)據(jù)模塊中發(fā)送數(shù)據(jù)時(shí),使用的id的名稱(chēng)

          oper:"oper", // operation參數(shù)名稱(chēng)

          editoper:"edit", // 當(dāng)在edit模式中提交數(shù)據(jù)時(shí),操作的名稱(chēng)

          addoper:"add", // 當(dāng)在add模式中提交數(shù)據(jù)時(shí),操作的名稱(chēng)

          deloper:"del", // 當(dāng)在delete模式中提交數(shù)據(jù)時(shí),操作的名稱(chēng)

          subgridid:"id", // 當(dāng)點(diǎn)擊以載入數(shù)據(jù)到子表時(shí),傳遞的數(shù)據(jù)名稱(chēng)

          npage: null,

          totalrows:"totalrows" // 表示需從Server得到總共多少行數(shù)據(jù)的參數(shù)名稱(chēng),參見(jiàn)jqGrid選項(xiàng)中的rowTotal

          }

          2.2 jsonReader選項(xiàng)

          jsonReader是jqGrid的一個(gè)重要選項(xiàng),用于設(shè)置如何解析從Server端發(fā)回來(lái)的json數(shù)據(jù),如果Server返回的是xml數(shù)據(jù),則對(duì)應(yīng)的使用xmlReader來(lái)解析。jsonReader的默認(rèn)值為:

          jsonReader : {

          root: "rows", // json中代表實(shí)際模型數(shù)據(jù)的入口

          page: "page", // json中代表當(dāng)前頁(yè)碼的數(shù)據(jù)

          total: "total", // json中代表頁(yè)碼總數(shù)的數(shù)據(jù)

          records: "records", // json中代表數(shù)據(jù)行總數(shù)的數(shù)據(jù)

          repeatitems: true, // 如果設(shè)為false,則jqGrid在解析json時(shí),會(huì)根據(jù)name來(lái)搜索對(duì)應(yīng)的數(shù)據(jù)元素(即可以json中元素可以不按順序);而所使用的name是來(lái)自于colModel中的name設(shè)定。

          cell: "cell",

          id: "id",

          userdata: "userdata",

          subgrid: {

          root:"rows",

          repeatitems: true,

          cell:"cell"

          }

          }

          假如有下面一個(gè)json字符串:

          {"totalpages":"3","currpage":"1","totalrecords":"11","griddata":[{"SalesReasonID":"1","Name":"Price","ReasonType":"Other","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"2","Name":"On Promotion","ReasonType":"Promotion","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"3","Name":"Magazine Advertisement","ReasonType":"Marketing","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"4","Name":"Television Advertisement","ReasonType":"Marketing","ModifiedDate":"1998年6月1日"},{"SalesReasonID":"5","Name":"Manufacturer","ReasonType":"Other","ModifiedDate":"1998年6月1日"}]}

          其對(duì)應(yīng)的jsonReader為:jsonReader: {

          root: "griddata",

          total: "totalpages",

          page: "currpage",

          records: "totalrecords",

          repeatitems: false

          }

          注:cell、id在repeatitems為true時(shí)可以用到,即每一個(gè)記錄是由一對(duì)id和cell組合而成,即可以適用另一種json結(jié)構(gòu)。援引文檔中的例子:

          repeatitems為true時(shí):

          jQuery("#gridid").jqGrid({

          ...

          jsonReader : {

          root:"invdata",

          page: "currpage",

          total: "totalpages",

          records: "totalrecords"

          },

          ...

          });

          json結(jié)構(gòu)為:

          {

          "totalpages": "xxx",

          "currpage": "yyy",

          "totalrecords": "zzz",

          "invdata" : [

          {"id" :"1", "cell" :["cell11", "cell12", "cell13"]}, // cell中不需要各列的name,只要值就OK了,但是需要保持對(duì)應(yīng)

          {"id" :"2", "cell" :["cell21", "cell22", "cell23"]},

          ...

          ]

          }

          repeatitems為false時(shí):

          jQuery("#gridid").jqGrid({

          ...

          jsonReader : {

          root:"invdata",

          page: "currpage",

          total: "totalpages",

          records: "totalrecords",

          repeatitems: false,

          id: "0"

          },

          ...

          });

          json結(jié)構(gòu)為:

          {

          "totalpages" : "xxx",

          "currpage" : "yyy",

          "totalrecords" : "zzz",

          "invdata" : [

          {"invid" : "1","invdate":"cell11", "amount" :"cell12", "tax" :"cell13", "total" :"1234", "note" :"somenote"}, // 數(shù)據(jù)中需要各列的name,但是可以不按列的順序

          {"invid" : "2","invdate":"cell21", "amount" :"cell22", "tax" :"cell23", "total" :"2345", "note" :"some note"},

          ...

          ]

          }

          2.3 colModel的重要選項(xiàng)

          colModel也有許多非常重要的選項(xiàng),在使用搜索、排序等方面都會(huì)用到。這里先只說(shuō)說(shuō)最基本的。

          • name :為Grid中的每個(gè)列設(shè)置唯一的名稱(chēng),這是一個(gè)必需選項(xiàng),其中保留字包括subgrid、cb、rn。
          • index :設(shè)置排序時(shí)所使用的索引名稱(chēng),這個(gè)index名稱(chēng)會(huì)作為sidx參數(shù)(prmNames中設(shè)置的)傳遞到Server。
          • label :當(dāng)jqGrid的colNames選項(xiàng)數(shù)組為空時(shí),為各列指定題頭。如果colNames和此項(xiàng)都為空時(shí),則name選項(xiàng)值會(huì)成為題頭。
          • width :設(shè)置列的寬度,目前只能接受以px為單位的數(shù)值,默認(rèn)為150。
          • sortable :設(shè)置該列是否可以排序,默認(rèn)為true。
          • search :設(shè)置該列是否可以被列為搜索條件,默認(rèn)為true。
          • resizable :設(shè)置列是否可以變更尺寸,默認(rèn)為true。
          • hidden :設(shè)置此列初始化時(shí)是否為隱藏狀態(tài),默認(rèn)為false。
          • formatter :預(yù)設(shè)類(lèi)型或用來(lái)格式化該列的自定義函數(shù)名。常用預(yù)設(shè)格式有:integer、date、currency、number等(具體參見(jiàn)文檔 )。

          三、 注意事項(xiàng)

          1. 動(dòng)態(tài)改變Add Form或者Edit Form中的select的內(nèi)容,如:改變下圖中的Comparator下拉中的內(nèi)容。

          $("#list_d").navGrid('#pager_d',{add:true,edit:true,del:true,search:false,refresh:false},

          {

          checkOnSubmit:false, closeAfterEdit: true,recreateForm:true,

          beforeInitData:function(formid){

          initComparator();

          },

          beforeShowForm: function(formid){

          $("#list_d").jqGrid('setColProp', 'Name', { editrules:{required:false},});

          $('#tr_Name', formid).hide();

          }

          },//edit

          {},//add

          {}//del

          beforeInitData, beforeShowForm在每次點(diǎn)擊編輯的時(shí)候都會(huì)執(zhí)行。initComparator的作用是通過(guò)ajax獲取數(shù)據(jù),然后利用$("#list_d").jqGrid('setColProp', 'Comparator', { editoptions: { value: valueString} });來(lái)設(shè)置Comparator下拉中的內(nèi)容。其中valueString的格式如下’ equal to: equal to; not equal to: not equal to’。鍵值之間用冒號(hào)隔開(kāi),2項(xiàng)之間用分號(hào)隔開(kāi)。注意:把recreateForm設(shè)為true,否則'setColProp'只在第一次調(diào)用時(shí)有效。

          2. var rowNum=parseInt($(this).getGridParam("records"), 10); 得到數(shù)據(jù)條數(shù)。

          3. jQuery("#list_d").clearGridData();清空數(shù)據(jù)。

          4. jQuery("#list").getCell(ids,"Key");獲取第ids行的key列。

          5. $("#list").jqGrid('setSelection', "1");選中第一行。放在loadComplete:中在gird加載完成的時(shí)候自動(dòng)選中第一行。loadComplete:function(data){$("#list").jqGrid('setSelection', "1");

          }

          6. 對(duì)于像1中的可編輯的字段,可以設(shè)定rule,參見(jiàn)http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules#editrules

          7. 修改Option,以URL為例

          jQuery("#list_d").jqGrid('setGridParam',{url:"xxx.aspx",page:1}).trigger('reloadGrid');


          主站蜘蛛池模板: 中字幕一区二区三区乱码| 亚洲视频一区在线| 国产福利电影一区二区三区久久老子无码午夜伦不 | 在线精品视频一区二区| 亚洲AV综合色区无码一区| 久久精品一区二区三区中文字幕| 免费人人潮人人爽一区二区| 国产伦精品一区二区三区精品| 国产成人一区二区三区高清| 亚洲字幕AV一区二区三区四区| 99久久精品日本一区二区免费 | 国产精品女同一区二区| 国产精品主播一区二区| 少妇无码AV无码一区| 国产在线视频一区二区三区98| 亚洲欧洲∨国产一区二区三区| 国产日韩一区二区三区在线观看| 精品日产一区二区三区手机| 亚洲一区免费观看| 精品视频无码一区二区三区| 一本一道波多野结衣一区| 人妻精品无码一区二区三区| 国产福利一区二区| 久久久久久一区国产精品| 国产在线无码视频一区二区三区| 久久国产视频一区| 无码人妻一区二区三区免费| 国产成人午夜精品一区二区三区| 国产免费私拍一区二区三区| 一区二区三区视频免费观看| 国产精华液一区二区区别大吗| 亚洲av午夜福利精品一区人妖| 亚洲一区二区三区精品视频| 亚洲一区二区三区深夜天堂| 日韩久久精品一区二区三区| 一区二区三区在线|日本| 亚洲综合av永久无码精品一区二区 | 成人区精品一区二区不卡亚洲| 亚洲AV网一区二区三区| 国产乱码精品一区二区三区四川| 久99精品视频在线观看婷亚洲片国产一区一级在线 |