學習總結javascript和ajax，php，和css
阿新 • • 發佈：2018-09-30
post req nim rom 顏色屬性 error 嵌入 echo 高度
1，javascript
1，js可以獲取和修改html的屬性和內容：
通過什麽獲取？ window.onload=function{ document.getElementById("xxx") } 此外還有以下方式： 通過ID獲取（getElementById） 通過name屬性（getElementsByName） 通過標簽名（getElementsByTagName） 通過類名（getElementsByClassName） 獲取html的方法（document.documentElement） 獲取body的方法（document.body） 通過選擇器獲取一個元素（querySelector） //比如var x = document.forms["myForm"]["fname"].value;表單下面的name=fname的元素 通過選擇器獲取一組元素（querySelectorAll） 修改元素屬性或者內容 window.onload=function{ document.getElementById("xxx").innerHTML="xxx"; //改內容 var x=document.getElementById("ccc").style.color; //獲取某元素的顏色屬性 }
2，js可以直接輸出html內容或者顯示警示框
alert ("hehe");
document.write("<p>hehe</p>");
3 ,js可以和用戶互動，基本上就是表單的應用，和獲取html元素差不多，唯一要註意的是獲取用戶輸入：
var x=document.getElementById("demo").value;4，js定義事件：
document.getElementById(imgid).onclick=function(){ xxxx } //定義當某個id=imgid元素被點擊的時候，xxx
詳細的事件句柄：
| 屬性 | 當以下情況發生時，出現此事件 | FF | N | IE |
|---|---|---|---|---|
| onabort | 圖像加載被中斷 | 1 | 3 | 4 |
| onblur | 元素失去焦點 | 1 | 2 | 3 |
| onchange | 用戶改變域的內容 | 1 | 2 | 3 |
| onclick | 鼠標點擊某個對象 | 1 | 2 | 3 |
| ondblclick | 鼠標雙擊某個對象 | 1 | 4 | 4 |
| onerror | 當加載文檔或圖像時發生某個錯誤 | 1 | 3 | 4 |
| onfocus | 元素獲得焦點 | 1 | 2 | 3 |
| onkeydown | 某個鍵盤的鍵被按下 | 1 | 4 | 3 |
| onkeypress | 某個鍵盤的鍵被按下或按住 | 1 | 4 | 3 |
| onkeyup | 某個鍵盤的鍵被松開 | 1 | 4 | 3 |
| onload | 某個頁面或圖像被完成加載 | 1 | 2 | 3 |
| onmousedown | 某個鼠標按鍵被按下 | 1 | 4 | 4 |
| onmousemove | 鼠標被移動 | 1 | 6 | 3 |
| onmouseout | 鼠標從某元素移開 | 1 | 4 | 4 |
| onmouseover | 鼠標被移到某元素之上 | 1 | 2 | 3 |
| onmouseup | 某個鼠標按鍵被松開 | 1 | 4 | 4 |
| onreset | 重置按鈕被點擊 | 1 | 3 | 4 |
| onresize | 窗口或框架被調整尺寸 | 1 | 4 | 4 |
| onselect | 文本被選定 | 1 | 2 | 3 |
| onsubmit | 提交按鈕被點擊 | 1 | 2 | 3 |
| onunload | 用戶退出頁面 | 1 | 2 | 3 |
5，ajax異步，
//創建xmlhttp(是XMLHttpResquest的實例)
function xxxXxx(){ if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執行代碼 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 瀏覽器執行代碼 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } //創建在服務器響應以後執行的函數 xmlhttp.onreadystatechange=function() { if(xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText;//服務端的echo也就是responseText } } //向服務器上的文件發送請求，請註意，這個請求的參數,參數是一個鍵值對，q=str,這也服務端解析請求的依據；後邊包含了str，也就是下拉列表中的內容 xmlhttp.open("GET","xxx.php?q="+str,true);//js會請求服務器調用xxx.php，php會自己用$_GET()解析url裏附帶的信息：q=str xmlhttp.send(); }
2,php
（1）php腳本可以用<?php xxx ?>這樣的格式封裝，然後放在html裏，而且同一個頁面中不同的腳本變量可以共用。不同的頁面要提前引用一下：“includexxx.php”假設php腳本嵌入在html頁面中在用戶的瀏覽器中打開，用谷歌f12調試時，php代碼是不會顯示出來的，不過大家一般都不這麽用。
（2）某個php文件中的echo輸出就是請求的返回值。
（3）php的$_GET和$_POST兩個超全局變量可以和前端的js或者表單實現交互。當然前端數據要和php對應起來。
（4）基本語法，數據庫等操作不多贅述
3，css
Css屬性和設置比較多，僅列出部分，
（1）定位，網格和排版：
display:grid網格布局；position：絕對或者相對位置；float浮動；width寬度；height高度；-webkit-box-flex:2.0 （僅限谷歌）box自適應。
（2）文字
font-size:字體大小；color字體顏色；line-height：每行的行距；transform scale（1，2）水平和垂直拉伸；font-weight加粗；text-align水平對齊方式；
（3）顏色：
background-color背景顏色；border-color邊框顏色；顏色的單位3種：直接寫顏色對應的英文名，#fff，rgb（255，255，255）
（4）動畫：
@keyframes+functionname，配合animation定義函數名字和應用的塊。
4，mysql
（1）mysql可視化操作
（2）sql語句：desc表示降序排列，大到小；acs表示升序排列，從小到大排列；
（3）數據庫索引，有索引表示數據庫查詢操作會更快，但是插入操作相應會變慢.
學習總結javascript和ajax，php，和css