HTML
英文全稱:Hyper Text Mark-up Language
中文名稱:超文本標記語言
CSS
英文全稱:Cascading Style Sheet
中文名稱:層疊樣式表
標籤選擇器
類選擇器
ID選擇器
派生選擇器
css定位
display:none 不顯示
display:block 塊元素
display:inline 行元素
JavaScript
(1) 使用場合:
數據驗證
爲頁面添加動態效果
動態改變頁面的外觀
Ajax JQuery
(2) JavaScript腳本引入
頁面內元素的嵌入 <a href="javascriptLalert('HelloWord');">
單獨放在文件裏面 <script type="text/javascript" src="js01.js"></script>
頁面內部 <script type="text/javascript">alert("HelloWord");</script>
(3) 常見數據類型
number string boolean null undefiend
將字符串轉換成數值 parseInt() parseDouble()
將數值轉換成字符 totring()
字符串中的屬性和方法
length屬性 字符串長度
charAt(index) 返回指定位置的字符
subString(from, to) 返回子串
indexOf(str) 返回str在字符串第一次出現的索引
match(regex) 返回符合條件的數組
var reg = /[0-9]/g;
var str = "ssjjk333khh20k"
var rs = str.match(reg); 返回{333,20}
test(reg) 是否滿足條件
var reg2 = /[0-9]/g;
var str = "skl234";
var rs = reg2.test(str); 返回boolean類型的數據
search(res);
toUpperCase(); 轉大寫
toLowerCase(); 轉小寫
數組
var newArray = new Array();
length 屬性
toString()
concat(); 連接兩個數組
join(); 將數組中的元素連接成字符串
reverse(); 翻轉數組
slice(); 截取數組的一部分並返回一個新數組
(4) 常見事件
onclick(); 鼠標點擊事件
onchange(); 內容改變時觸發的事件
onfocus(); 鼠標獲得焦點事件
onblur(); 鼠標失去焦點事件
onload(); 元素加載事件
onmouseout(); 鼠標移出
onmouseover(); 鼠標經過
ondblclick(); 鼠標雙擊事件
(5) DOM模型
a、如何訪問頁面中的元素
var obj = document.getElementById(idname);
obj.value;
<div id="idname">
prototype.js
$(idname);
$Fun(idname);
第4天:Web相關知識(Html+CSS+JavaScript)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.