梅科尔工作室-网页前端培训第八课笔记

沂安

已于 2022-07-14 00:06:29 修改

阅读量82

点赞数

文章标签： p2p linq gnu

于 2022-02-12 21:31:41 首次发布

本文链接：https://blog.csdn.net/qq_45458403/article/details/122901774

版权

视频链接：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

获取表单
                       1. document.getElementById("id属性值");
                           通过from标签的id属性值获取表单对象
                       2. document.表单的name属性值;
                           通过表单的name属性值获取表单对象
                       3. document.forms[下标];
                           通过指定下标获取表单元素
                       4. document.forms[表单的name属性值];
                           通过表单的name属性值获取表单对象

                       document.forms:获取HTML文档中所有的表单对象

                   获取表单元素
                       1.获取input元素
                           1. document.getElementById(""id属性值");
                               通过元素的id属性值获取表单元素对象
                           2．表单对象.表单元素的name属性值;
                               通过表单对象中对应的元素的name属性值获取
                           3. document.getELementsByName( "name属性值");
                               通过表单元素的name属性值获取
                           4. document.getELementsByTagName("标签名/元素名");
                               通过标签名获取表单元素对象

                   获取下拉选项
                       1．获取下拉框对象
                           var 对象=document.getElementById(""id属性值");
                       2．获取下拉框的下拉选项列表
                           var options =下拉框对象.options;
                       3．获取下拉框被选中项的索引
                           var index =下拉框对象.selectedIndex;
                       4．获取下拉框被选中项的值
                           var值=下拉框对象.value;
                       5．通过选中项的下标获取下拉框被选中项的值
                           var值=下拉框对象.options[index ] .value;
                       6．获取下拉框被选中项的文本
                           var文本值=下拉框对象.options[index].text;

                       1．获取下拉框选中项的值时:(value)
                           如果option标签设置了value属性值，则获取value属性对应的值;
                           如果option标签未设置value属性值，则获取的是option双标签中的文本值
                       2.下拉框的选中状态:
                           选中状态: selected=selected、selected、selected = true
                           未选中状态:不设置selected属性、 selected=false

Ajax
                       异步无刷新技术
                       原生Ajax的实现流程
                           1．得到XMLHttpRequest对象
                               var xhr = new XMLHttpRequest();
                           2.打开请求
                               xhr. open(method , uri, async);
                                   method:请求方式，通常是GET |POST
                                   uri:请求地址
                                   async:是否异步。如果是true表示异步，false表示同步
                           3．发送请求
                               xhr. send(params);
                                   params:请求时需要传递的参数
                                       如果是GET请求，设置null。(GEt请求的参数设置在url后面)
                                       如果是POST请求,无参数设置为null，有参数则设置参数
                           4。接收响应
                               xhr.status响应状态(200=响应成功，404=资源未找到，500=服务器异常)
                               xhr.responseText·得到响应结果