原创 h5測試

<input type="search"/>當點擊輸入框中的"x"時,輸入框中的內容會被刪除。 <meter></meter> <!DOCTYPE html> <html> <body> <p>顯示度量值:</p> <meter v

原创 H5標籤變化1(DTD、新增標籤:結構標籤,多媒體標籤,web應用標籤還有其他標籤、刪除標籤、重定義標籤)

html5約等於HTML+CSS+Javascript+API WebApp         HTML5新增了離線存儲、更豐富的表單、js線程、socket、標準擴展embed、css3... 流媒體與多媒體引擎         Audi

原创 H5屬性變化2(表單屬性autocomplete、autofocus、multiple和其他屬性)

autocomplete屬性:默認on。退出之後輸入內容消失,雙擊有記錄。 <form action="9.html" autocomplete="on"> <input type="text" name="text"/>

原创 H5屬性變化1(input)

input:email/url/range/Date picker/search/color/tel 表單屬性:autocomplete/autofocus/multiple/placeholder/required 鏈接屬性:<link

原创 H5表單驗證2(h5自帶驗證美化)

h5自帶驗證美化:要做出不一樣的表單驗證,我們要了解一些僞類及css選擇器。 :required和:optional :in-range和:out-of-range :valid和:invalid :read-only和:read-wri

原创 js中的正則表達式

複習字符串操作 search         查找 substring     獲取子字符串 charAt         獲取某個字符 split             分割字符串,獲得數組 找出字符串中的所有數字: 用傳統字符串操作

原创 H5表單驗證1

前臺提交信息到後臺有Ajax無刷新頁面提交、Form表單提交。 h5表單中新增了哪些類型? email、url、number、range、date(date、month、week、time、datetime、datetime-local)

原创 COOKIE基礎與應用

什麼是cookie 頁面用來保存信息(自動登陸、記住用戶名) cookie的特性:          同一個網站中所有頁面共享一套cookie          數量、大小有限(4-10k)          過期時間 js中使用cook

原创 BOM應用(open、close、scrollTop)

 打開、關閉窗口: open <body> <input type="button" value="打開窗口" onclick="window.open('http://www.baidu.com')"/> </body> docume

原创 js面向對象實例

實例:面向對象的選項卡 原則:不能有函數套函數,但可以有全局變量。 過程             onload     ----        構造函數            全局變量  ----       屬性           

原创 js面向對象基礎01

面向對象:不瞭解原理的情況下,會使用功能。 對象:黑盒子,不瞭解內部的結構,知道表面的各種操作。對外提供和一些操作。 JS中的面向對象 面向對象編程(OOP)的特點           抽象:抓住核心問題。(抽:把最主要的特徵、跟問題相關

原创 js面向對象基礎02

  <script> function show(){ alert(this); } show(); //window ne

原创 Ajax1

使用Ajax        基礎:請求並顯示靜態TXT文件               字符集編碼               緩存、阻止緩存        動態數據:請求js(或json)文件                eval的使

原创 Ajax2

創建ajax對象。 連接到服務器 告訴服務器要哪個文件(發送請求) 接收返回值 <script> //用沒有定義的變量--報錯 //用沒有定義的屬性--undefined alert(a)

原创 js事件高級應用02(帶框拖拽、自定義滾動條)

帶框拖拽: <style> #div1{ width: 100px; height: 100px; background: red;