vue2組件系列第十九節(jié)：Radio 單選框（基礎(chǔ)應(yīng)

vue2組件系列第十九節(jié)：Radio 單選框（基礎(chǔ)應(yīng)用）

目開發(fā)過程中缺不了form表單，也缺不了radio。Radio單選框組件將分成兩節(jié)內(nèi)容，第一節(jié)是利用vant制作一個基礎(chǔ)的Radio單選框組件；第二節(jié)是實現(xiàn)一個變異的單選框組件-按鈕式單選框組件，通常來說這個單選框組件是經(jīng)常會用到的，應(yīng)用比較廣的一個組件。這節(jié)課我們從基礎(chǔ)應(yīng)用開始吧。

準(zhǔn)備工作：

創(chuàng)建一個頁面: Radio.vue
在router.js里配置Radio頁面的路由

{
 path: '/radio',
 name: 'radio',
 component: ()=> import('./views/Radio.vue')
 }

在index.vue里添加一項

<a href="javascript：void(0)" @click="$router.push('/radio')">
 <van-col span="6" class="marb20">
 <van-icon name="certificate" />
 <div>Radio 單選框</div>
 </van-col>
</a>

至今為止呢，我們的首頁顯示的樣式子是這樣滴?不知道不覺間我們已經(jīng)學(xué)完了15個組件了！哇噢，為自己歡呼一下吧！如果想看更多的內(nèi)容，歡迎關(guān)注我，每天都有更新哈。

代碼演示Radioa單選框：

基本方法：

<van-radio-group v-model="radio">
 <van-radio name="1">蘋果</van-radio>
 <van-radio name="2">香蕉</van-radio>
</van-radio-group>
data() {
 return {
 radio: '1',
 }
},

與Cell組件連用：

<van-radio-group v-model="radio" @change="onChange">
 <van-cell-group>
 <van-cell title="蘋果">
 <van-radio name="1" />
 </van-cell>
 </van-cell-group>
 <van-cell-group>
 <van-cell title="香蕉">
 <van-radio name="2" />
 </van-cell>
 </van-cell-group>
</van-radio-group>

<van-cell>里加入van-radio組件，會自動放在組件的右側(cè)。我們在變化選項時會觸發(fā)change事件，這個事件返回值是選中項的name

onChange(name) {
 console.log(name)
},

可以在控制臺輸出name:

這就是我們經(jīng)常用的單選框。官網(wǎng)上有說可以設(shè)置選項的顏色值，用checked-color="#000"，但是本人試了一下，發(fā)現(xiàn)并無變化。不知道什么原因，如果有小伙伴知道的，可以告知一下，謝謝。

下節(jié)課我們將實現(xiàn)另一個單選組件--單選按鈕組件。下節(jié)課不見不散噢！

今天就到這里啦。休息休息一會兒吧?明天繼續(xù)加油噢！加油

、選擇題（1-18題各3分19-36題各2分，共92分）

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

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

<tr>

</tr>

<tr>

</tr>

</table>

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

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

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

行內(nèi)樣式：

<html>

<body>

</body>

</html>

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

內(nèi)嵌樣式：

<html>

<head>

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

</style>

</head>

<body>

</body>

</html>

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

外部樣式：

<html>

<head>

</head>

<body>

</body>

</html>

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

css文件

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

#和.區(qū)別

.點是使用class引用的，多個控件可以同時使用一個class，一個控件上也可以使用多個class，比如

.tdRed{border:solid 1px red;}

.tdBKBlue{background-color:blue;}

而ID是在一個頁面中唯一的

總得來說class表示泛性的，id表示個性的

比如你所有的按鈕都是一個顏色的

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

對于提交按鈕會要做的大一點

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

那么你的按鈕就是

普通的按鈕就是

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

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

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

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

Get和post區(qū)別

安全性：POST比GET安全；

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

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

請求速度：GET比POST快。

數(shù)據(jù)傳輸方式：GET：查詢字符串（名稱/值對）是在 GET 請求的 URL 中發(fā)送的，如：/test/demo_form.asp?name1=value1&name2=value2；POST:查詢字符串（名稱/值對）是在 POST 請求的 HTTP 消息主體中發(fā)送的。

5. 下列標(biāo)簽可以不成對出現(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>等）允許不成對出現(xiàn)，但是不推薦。在現(xiàn)在的瀏覽器里，都會“兼容”這些單標(biāo)簽。瀏覽器解釋<p>標(biāo)簽后，碰到一個不對應(yīng)的標(biāo)簽時，會自動填補(bǔ)</p>。所以<p>標(biāo)簽可以單標(biāo)簽使用，但不推薦。

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

6. 對于標(biāo)簽〈input type=*〉，如果希望實現(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)建一個滾動菜單; <marquee>

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

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

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

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

9. 在表單中包含性別選項，且默認(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">

</select>

10. 在CSS中下面哪種方法表示超鏈接文字在鼠標(biāo)經(jīng)過時，超鏈接文字無下劃線？（　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位置開始，截取length長度的字符串。

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() 方法返回某個指定的字符串值在字符串中首次出現(xiàn)的位置（從左向右）。沒有匹配的則返回-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)某個字符或字符串的首個字符索引值（與indexOf相反）

var src="images/off_1.png";

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

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

彈出值依次為：6,15

5.split

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

以空格分割返回一個子字符串返回

var s, ss;

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

ss=s.split(",");

alert(ss[0]);

alert(ss[1]);

12. <img src="name">的意思是？（ A ）

A. 圖像相對于周圍的文本左對齊; B. 圖像相對于周圍的文本右對齊;

C. 圖像相對于周圍的文本底部對齊; D. 圖像相對于周圍的文本頂部對齊

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

A. Link.innerText='<a ;

B. Link.outerText='<a ;

C. Link.innerHTML='<a ;

D. Link.outerHTML='<a

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

HTML

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

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

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

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

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

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

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

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

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

16. 用戶更改表單元素 Select 中的值時，就會調(diào)用（ D ）事件處理程序

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

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

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

18. 下列哪一項表示的不是按鈕（ C ）

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

19.下面哪一項是換行符標(biāo)簽？（ C ）

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

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

20. 下列哪一項是在新窗口中打開網(wǎng)頁文檔。（ B ）

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

_blank在新窗口中打開被鏈接文檔；

_self是指在本身這個網(wǎng)頁窗口來打開新的網(wǎng)頁鏈接；

_top表示在頂層窗口打開網(wǎng)頁鏈接，即在整個窗口中打開被鏈接文檔；

_parent表示在父窗口打開網(wǎng)頁鏈接；

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

21. 下面說法錯誤的是( D )

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

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

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

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

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

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

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

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

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

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

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

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

以前所未有的能力控制頁面的布局

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

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

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

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

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

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

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

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

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

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

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

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

24. 以下有關(guān)按鈕的說法中，錯誤的是( B )

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

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

function fangfa(){

document.formname.submit();

document.formname.reset();

}

Low了，網(wǎng)頁居然還用這么老掉牙的特效！弄個粗體字，下劃線就是突出重點了？真是一股濃濃的鄉(xiāng)村風(fēng)撲面而來；弄個圖在頁面飄來飄去就是動畫效果了，你要這么認(rèn)為的話那我只能保持沉默了。在HTML5占領(lǐng)著整個互聯(lián)網(wǎng)之時，想透過網(wǎng)頁抓住所有人的眼球，因循守舊是行不通的。因此，有你不能不知道的HTML常用代碼。只有熟悉掌握了常用的HTML代碼，你才能在編寫網(wǎng)頁的時候做到行云流水，用處處流露著細(xì)膩和創(chuàng)意的動效細(xì)節(jié)打動所有人。

在這里還是要說一下我自己建的前端JavaScript學(xué)習(xí)交流群：574462090，不管你是小白還是大牛，小編我都挺歡迎，小白嘛，多問點問題也就學(xué)好了，不定期分享干貨，包括最新的2017年前端學(xué)習(xí)資料，歡迎初學(xué)和進(jìn)階中的小伙伴。

html代碼大全：結(jié)構(gòu)性定義

文件類型<HTML></HTML> （放在檔案的開頭與結(jié)尾）

文件主題<TITLE></TITLE> （必須放在「文頭」區(qū)塊內(nèi)）

文頭<HEAD></HEAD> （描述性資料，像是「主題」）

文體<BODY></BODY> （文件本體）

標(biāo)題<H?></H?> （從1到6，有六層選擇）

標(biāo)題的對齊 <H?ALIGN=LEFT|CENTER|RIGHT></H?>

區(qū)分<DIV></DIV>

區(qū)分的對齊 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文區(qū)塊<BLOCKQUOTE></BLOCKQUOTE> （通常會內(nèi)縮）

強(qiáng)調(diào)<EM></EM> （通常會以斜體顯示）

特別強(qiáng)調(diào)<STRONG></STRONG> （通常會以加粗顯示）

引文<CITE></CITE> （通常會以斜體顯示）

碼<CODE></CODE> （顯示原始碼之用）

樣本<SAMP></SAMP>

鍵盤輸入<KBD></KBD>

變數(shù)<VAR></VAR>

定義<DFN></DFN> （有些瀏覽器不提供）

地址 <ADDRESS></ADDRESS>

大字<BIG></BIG>

小字<SMALL></SMALL>

與外觀相關(guān)的標(biāo)簽（作者自訂的表現(xiàn)方式）

加粗<B></B>

斜體<I></I>

底線<U></U> （尚有些瀏覽器不提供）

刪除線<S></S> （尚有些瀏覽器不提供）

下標(biāo)<SUB></SUB>

上標(biāo)<SUP></SUP>

打字機(jī)體<TT></TT> （用單空格字型顯示）

預(yù)定格式<PRE></PRE> （保留文件中空格的大小）

預(yù)定格式的寬度<PRE WIDTH=?></PRE>（以字元計算）

向中看齊<CENTER></CENTER> （文字與圖片都可以）

閃耀<BLINK></BLINK> （有史以來最被嘲弄的標(biāo)簽）

字體大小 <FONTSIZE=?></FONT>（從1到7）

改變字體大小 <FONTSIZE=+|-?></FONT>

基本字體大小 <BASEFONTSIZE=?> （從1到7; 內(nèi)定為3）

字體顏色 <FONTCOLOR="#$$"></FONT>（$$為顏色代碼）

html代碼大全：修改頁面的實用性HTML代碼

1)貼圖：<img src="圖片地址">

2)加入連接：<a href="所要連接的相關(guān)地址">寫上你想寫的字</a>

3)在新窗口打開連接：<a href="相關(guān)地址" target="_blank">寫上要寫的字</a>

4)移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>

5)字體加粗：<b>寫上你想寫的字</b>

6)字體斜體：<i>寫上你想寫的字</i>

7)字體下劃線: <u>寫上你想寫的字</u>

8)字體刪除線: <s>寫上你想寫的字</s>

9)字體加大: <big>寫上你想寫的字</big>

10)字體控制大小：<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大，h5最小)

11)更改字體顏色：<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間

12)消除連接的下劃線：<a href="相關(guān)地址" style="text-decoration:none">寫上你想寫的字</a>

13)貼音樂：<embed src="音樂地址" width="寬度" height="高度" autostart=false>

14)貼flash: <embed src="flash地址" width="寬度" height="高度">

15)貼影視文件：<img dynsrc="文件地址" width="寬度" height="高度" start=mouseover>

16)換行：<br>

17)段落：<p>段落</p>

18)原始文字樣式：<pre>正文</pre>

19)換帖子背景：<body background="背景圖片地址">

20)固定帖子背景不隨滾動條滾動：<body background="背景圖片地址" body

bgproperties=fixed>

21)定制帖子背景顏色：<body bgcolor="#value">(value值見10)

22)帖子背景音樂：<bgsound="背景音樂地址" loop=infinite>

23)貼網(wǎng)頁：<iframe. src="相關(guān)地址" width="寬度" height="高度"></iframe>

html代碼大全：常常會遇到的問題

點擊關(guān)閉窗口

<a href="javascript.:top.window.close();">點擊關(guān)閉窗口</a>！

請問如何去掉主頁右面的滾動條？

如何做到讓一個網(wǎng)頁自動關(guān)閉.

<html>

<head>

</object>

</head>

<body >

這個窗口會在10秒過后自動關(guān)閉,而且不會出現(xiàn)提示. </body>

如何在不刷新頁面的情況下刷新css?

<style>

button{ color:#000000;}

</style>

<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標(biāo)簽里button選擇符使按鈕改為　　紅色</button>

請問如何讓網(wǎng)頁自動刷新？

在head部記入<META. HTTP-EQUIV="Refresh" c>其中20為20秒后自動刷新，你可以更改為任意值。

如何讓頁面自動刷新？

方法一，用refresh

HTML 代碼片段如下:

<head>

</head>

5表示刷新時間

[Ctrl+A 全部選擇提示:你可先修改部分代碼，再按運行]

方法二，使用setTimeout控制

function rl(){

document.location.reload()

}

setTimeout(rl,2000)

</SCRIPT>

如何讓超鏈接沒有下劃線

在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼：

a { text-decoration: none}

--> </style>

請問如何去掉IE的上下滾動條？

</body>

怎樣才能把RealPlayer文件在網(wǎng)頁做一個試聽連接？

如何用html實現(xiàn)瀏覽器上后退按鈕的功能？

或者

html代碼大全：你不一定知道的技巧

16. ncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標(biāo)右鍵

　　<table borderncontextmenu=return(false)><td>no</table> 可用于Table

17. <body nselectstart="return false"> 取消選取、防止復(fù)制

18.onpaste="return false" 不準(zhǔn)粘貼

19.oncopy="return false;" ncut="return false;" 防止復(fù)制

20. <link rel="Shortcut Icon"href="favicon.ico"> IE地址欄前換成自己的圖標(biāo)

21. <link rel="Bookmark"href="favicon.ico"> 可以在收藏夾中顯示出你的圖標(biāo)

22. <inputstyle="ime-mode:disabled"> 關(guān)閉輸入法

23. 永遠(yuǎn)都會帶著框架

if (window==top)top.location.href="frames.htm"; //frames.htm為框架網(wǎng)頁

// --></script>

24. 防止被人frame.

<SCRIPT. LANGUAGE=JAVASCRIPT><!--

if (top.location !=self.location)top.location=self.location;

// --></SCRIPT>

25. 網(wǎng)頁將不能被另存為

26. 查看網(wǎng)頁源代碼

<input type=button value=查看網(wǎng)頁源代碼

onclick="window.location="view-source:"+"http://www.pconline.com.cn"">

27.刪除時確認(rèn)

28.屏蔽功能鍵Shift,Alt,Ctrl

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!");//可以換成ALT　CTRL

}

document.onkeydown=look;

</script>

29. 網(wǎng)頁不會被緩存

<META. HTTP-EQUIV="pragma" CONTENT="no-cache">

<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">

<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

或者<META. HTTP-EQUIV="expires"CONTENT="0">

30.怎樣讓表單沒有凹凸感？

或 <input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

31.不要滾動條?

讓豎條沒有:

</body>

讓橫條沒有:

</body>

兩個都去掉？更簡單了

</body>

32.怎樣去掉圖片鏈接點擊后，圖片周圍的虛線？

33.電子郵件處理提交表單

<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">

</form>

34.在打開的子窗口刷新父窗口的代碼里如何寫？

window.opener.location.reload()

35.如何設(shè)定打開頁面的大小

打開頁面的位置<bodynload="top.moveBy(300,200);">

36.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

37. 檢查一段字符串是否全由數(shù)字組成

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --></script>

38. 獲得一個窗口的大小

document.body.clientWidth; document.body.clientHeight

39. 怎么判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字符");

40.TEXTAREA自適應(yīng)文字行數(shù)的多少

</textarea>

41. 日期減去天數(shù)等于第二個日期

function cc(dd,dadd)

{

//可以加上錯誤處理

var a=new Date(dd)

a=a.valueOf()

a=a - dadd * 24 * 60 * 60 * 1000

a=new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")

} cc("12/23/2002",2)

</script>

42. 選擇了哪一個Radio

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

end function

</script><BODY>

<INPUT name="radio1" type="radio"value="style" checked>Style.

<INPUT name="radio1" type="radio"value="barcode">Barcode

</BODY></HTML>

43.腳本永不出錯

<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

44.ENTER鍵可以讓光標(biāo)移到下一個輸入框

文末再提兩點建議吧：

剛學(xué)前端JavaScript的時候，一定不要追求速成，編程不比其他傳統(tǒng)行業(yè)，可以快速的上手，他需要一定的代碼量積累起來，不然你追求速成很可能會車毀人亡。
這個文章到這里就說完了，想要前端學(xué)習(xí)資料的進(jìn)我的群自助領(lǐng)取，已經(jīng)上傳到群文件里了：574462090，歡迎初學(xué)和進(jìn)階中的小伙伴。

如果想看到更加系統(tǒng)的文章和學(xué)習(xí)方法經(jīng)驗可以關(guān)注我的微信公眾號：‘前端根據(jù)地’關(guān)注后回復(fù)‘給我資料’可以領(lǐng)取一套完整的學(xué)習(xí)視頻

在線咨詢

上一篇：STM32 學(xué)習(xí)8 USART串口通訊與printf
下一篇：Flutter 新功能、Dart 開發(fā)工具及CSS

您的項目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

vue2組件系列第十九節(jié)：Radio 單選框（基礎(chǔ)應(yīng)

如果想看到更加系統(tǒng)的文章和學(xué)習(xí)方法經(jīng)驗可以關(guān)注我的微信公眾號：‘前端根據(jù)地’關(guān)注后回復(fù)‘給我資料’可以領(lǐng)取一套完整的學(xué)習(xí)視頻

您的項目需求