学习总结javascript和ajax，php，和css

Posted 2021-01-09 0-lingdu

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）数据库索引，有索引表示数据库查询操作会更快，但是插入操作相应会变慢.