1. try{
判斷? 拋出}
catch(err)
{ 打印到HTML中（可指向）}
1—1圖片驗證碼，點擊更換的代碼
<imgstyle="height: 22px;" id="codeImg" onclick="this.src='verifycode?'+Math.random()"alt="點擊更換" title="點擊更換" src="verifycode" />
<!--onclick="this.src='verifycode?'+Math.random()" 中的 verifycode 可以換成你自己請求的地址-->
切記！Ｘ韵邸鲁森！問號要保留
2. /*是否帶有小數(shù)*/
function??? isDecimal(strValue )? {?
???var? objRegExp= /^\d+\.\d+$/;
?? return? objRegExp.test(strValue);?
}?
/*校驗是否中文名稱組成 */
function ischina(str) {
????var reg=/^[\u4E00-\u9FA5]{2,4}$/;?? /*定義驗證表達式*/
????return reg.test(str);???? /*進行驗證*/
}
/*校驗是否全由8位數(shù)字組成 */
function isStudentNo(str) {
????var reg=/^[0-9]{8}$/;?? /*定義驗證表達式*/
????return reg.test(str);???? /*進行驗證*/
}
/*校驗電話碼格式 */
function isTelCode(str) {
????var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
????return reg.test(str);
}
/*校驗郵件地址是否合法 */
function IsEmail(str) {
????var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
????return reg.test(str);
}
3.<button onclick="displayDate()">現(xiàn)在的時間是?</button>? //提交
4<form name="myform"
action="" onsubmit="return fun1()">//提交表單祟滴，用于表單驗證，可參考菜鳥教程正則表達式
5.function validateForm() {
???var x = document.forms["myForm"]["fname"].value;
???if (x == null || x == "") {
???????alert("需要輸入名字歌溉。");
???????return false;
??? }
}
action為提交表單的php頁面地址
6.兩側(cè)橫線中間字（或者hr設置百分比調(diào)整）
<style type="text/css" media="screen">
.line_m{text-decoration:line-through}
</style>
<span class="line_m"> </span>
文字<span class="line_m"> </span>需要多長就多加一個(空格)垄懂。
文字出加其他標簽會被線橫穿！
7. <script>
document.getElementById("myBtn").onclick=function(){displayDate()};
8.box-shadow: 06px 10px lightgray;
box-shadow屬性的參數(shù)設置取值：
陰影類型：此參數(shù)可選。如不設值埠偿，默認投影方式是外陰影透罢；如取其唯一值“inset”，其投影為內(nèi)陰影冠蒋；
X-offset:陰影水平偏移量羽圃，其值可以是正負值。如果值為正值抖剿，則陰影在對象的右邊朽寞，其值為負值時，陰影在對象的左邊斩郎；
Y-offset:陰影垂直偏移量脑融，其值也可以是正負值。如果為正值缩宜，陰影在對象的底部肘迎，其值為負值時，陰影在對象的頂部锻煌；
陰影模糊半徑：此參數(shù)可選妓布，，但其值只能是為正值宋梧，如果其值為0時匣沼，表示陰影不具有模糊效果，其值越大陰影的邊緣就越模糊捂龄；
陰影擴展半徑：此參數(shù)可選释涛，其值可以是正負值，如果值為正倦沧，則整個陰影都延展擴大唇撬，反之值為負值時，則縮姓谷凇局荚；
陰影顏色：此參數(shù)可選。如不設定顏色愈污，瀏覽器會取默認色耀态，但各瀏覽器默認取色不一致，特別是在webkit內(nèi)核下的safari和chrome瀏覽器下表現(xiàn)為透明色暂雹，在Firefox/Opera下表現(xiàn)為黑色（已驗證）首装，建議不要省略此參數(shù)。
9. background: #00FF00 url(bgimage.gif) no-repeat fixed top;
background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
10. animation:name duration timing-function delay iteration-count direction;同時設置多個屬性
11. 下面的例子使用了 Math 對象的 floor() 方法和 random() 來返回一個介于 0 和 11 之間的隨機數(shù)floor()方法為下舍入Math.floor(1.6)->1
?document.write(Math.floor(Math.random()*11));
12.可去菜鳥教程上看
13杭跪、audio標簽?支持格式：ogg仙逻、wav驰吓、mp3
對應屬性：
1、autoplay 自動播放系奉。
2檬贰、controls 顯示播放器?無區(qū)別
3、loop 循環(huán)播放 無區(qū)別
4缺亮、preload 預加載
5翁涤、muted 靜音
解決谷歌無法自動播放的問題——>從60.X版本開始，這個選項被移除了萌踱，取而代之的是一個名為Autoplay policy的選項葵礼。我們在瀏覽器中輸入chrome://flags/#autoplay-policy，然后在高亮的選項中并鸵，將Default換成No user gesture is required：
video標簽?支持格式：ogg鸳粉、mp4、webM
屬性：1园担、width 2届谈、height 3、Poster
要么在相應的audio和video插入src=””,或者在其下的插入<source>標簽
13. 1弯汰、容器屬性
display : flex
聲明使用彈性盒布局
flex-direction :row | row-reverse | column | column-reverse
確定子元素排列的方向
flex-wrap : nowrap| wrap | wrap-reverse
元素超過父容器尺寸時是否換行
flex-flow :flex-direction | flex-wrap
同時設置flex-direction 和flex-wrap
justify-content :flex-start | flex-end | center | space-between | space-around
子元素的尺寸確定之后疼约，用此屬性來設置flex-direction定義方向上的分布方式
align-items :flex-start | flex-end | center | baseline | stretch
子元素的尺寸確定之后，用此屬性來設置flex-direction定義方向上的垂直方向的分布方式
align-content :flex-start | flex-end | center | space-between | space-around | stretch
設置多行子元素在行方向上的對齊方式
2蝙泼、條目屬性
flex : none | <' flex-grow '> <' flex-shrink >'? || <'flex-basis '>
同時設置flex-grow 和 flex-shrink 以及 flex-basisflex-grow ：number
表示的是當父元素有多余的空間時，這些空間在不同子元素之間的分配比例
flex-shrink：number
當父元素的空間不足時劝枣，各個子元素的尺寸縮小的比例
flex-basis ：length | percentage | auto | content
用來確定彈性條目的初始主軸尺寸汤踏。
align-self ：auto | flex-start | flex-end | center | baseline | stretch
覆寫父元素指定的對齊方式
order : integer
改變條目在容器中的出現(xiàn)順序
14.js中class屬性用className，改變某個節(jié)點元素的class類
? var a=’color’;obtn.style[a]=’red’;//用點則不行舔腾，.和[]都可以操作屬性溪胶，但[]可以操作變量
15. append/prepend 是在選擇元素內(nèi)部嵌入。
after/before 是在元素外面追加稳诚。
?$("p").remove(".italic");這是另外一個段落哗脖。
css({"propertyname":"value","propertyname":"value",...});
16. oBtn.onclick=a;
?? function a()
?? {oDiv.style.color='red'；}//這樣分開調(diào)用才有效
17zui導航條去除響應式
18. <map name="planetmap">
? <area shape="rect" coords="x1,y1,x2,y2" alt="Sun" href="sun.htm">//矩形
? <area shape="poly " coords="x1,y1,x2,y2 ......" alt="Mercury" href="mercur.htm">//多邊行
? <area shape="circle" coords="x1,y1,r" alt="Venus" href="venus.htm">//圓
</map>
其他屬性自己看
