大事件知识点梳理

---

前言

知识点的梳理和总结：iframe嵌套页面，jquery中ajax请求的其他属性，localStorage和location属性复习，基于jquery的分页导航插件（jQuery Pagination plugin），jquery属性.empty()复习。

---

1. iframe标签嵌套页面

iframe 标签会创建包含另外一个文档的内联框架，可以用来嵌套另外一个网页
语法：< iframe name=“main_frame” src="./main_count.html" style=“width: 100%;height: 100%;” frameborder=“0”>< /iframe>
< a href=“链接地址” target=“main_frame”>/a>
把ifram标签的name属性和a标签的target（跳转方式）属性的都设置相同的值，这样的话，a标签跳转的页面就会在ifram标签内显示，可以实现页面嵌套。

<iframe name="main_frame" src="./main_count.html" style="width: 100%;height: 100%;" frameborder="0"></iframe>
<a href="./article_list.html" target="main_frame"></a>

注意：a标签的target属性值必须和iframe标签的name属性值一致，才能实现a标签跳转的页面在ifram标签显示。
a标签的target属性表示跳转方式： _blank 在新窗口中打开被链接文档，_self 在当前窗口打开（默认）。
内嵌页面可以通过parent控制内嵌页面的父元素

parent.window.location.reload();   //直接刷新父页面

2. jquery中ajax请求的其他属性

$ .ajaxSetup() 为所有ajax请求设置默认值，就是设置ajax请求的全局属性

1. beforeSend() ：在ajax请求前会触发这个方法，需要传一个网络对象（自定义的xhr）
2. error(xhr,status,error)：在发送ajax请求错误的时候回触发的方法

        // 当请求从报错的时候就会执行
        error:function(xhr,status,error){
        	//xhr 创建的网络实例化对象
            // console.log(status);错误状态
            // console.log(error); 错误信息
            if(error == 'Forbidden'){
                // 应跳转回登录页面
                alert('您当前登录状态已失效，请重新登录');
                window.location = './login.html'
            }
        }

3. 知识点复习

input 中的submit按钮
这个表单提交按钮会带有默认的事件和属性，就像a标签的默认跳转页面，给他们这种带默认事件的设置点击事件，如果不想发送默认跳转或者提交，可以通过e.preventDefault()阻止默认事件。

localStorage 本地存储
localStorage.setItem(‘变量名’，‘数据值’) ：设置本地储存变量
localStorage.getItem(‘变量名’) ：获取本地储存变量
localStorage.removeItem(‘变量名’) ：移除本地储存变量

location 页面URL信息
location.reload() :刷新当前页面
location.href = ‘网络地址’ ：实现跳转页面

input 隐藏域
如果用form表单的serialize()方法或者formData方法快速获取表单数据，传递给ajax请求当参数，如果不想页面有这个表单但是有需要一个参数来上传，可以用input隐藏域
< input type=‘hidden’>

juery 属性 ：元素.empty() 清空自身所有的子节点（会清除绑定的事件）
元素.html('') 如果清除带有绑定事件的会造成内存泄漏

总结

最近学习的一个小页面：https://gitee.com/hlwlyp/bignews.git