后台系统开发前端知识点1

欢迎分为评论补充

以下分享的内容为后台开发常用的知识点：

前端框架+js库：Angularjs、kendoUI、Bootstrap

文件下载

1， 构造form,通过form的submit();

$(e).on( 'click' ,functioi() var form = $( '<form>' ); form.attr( "style" , "display:none" ); form.attr( 'target' , '' ); form.attr( 'method' , 'post' ); form.attr( 'action' , '../file/download.action' ); var input1= $( 'input' ); input1.attr( 'type' , 'hidden' ); input1.attr( 'name' , 'fileId' ); input1.attr( 'value' ,value); $( 'body' ).append(form); form.append(input1); form.submit(); form.remove();});

2, 通过a的href 下载

<a href = "../file/file.name" > 文件下载 </a>

---

页面的刷新：

1，window.location.reload();

---

提交

1，表单的提交 ：data = $("#fomID").serialize();

2, 表单的提交：new FormData()；

3，构造JSON格式的数据

---

全选和反选

判断条件: $('checkbox:checked').size() == $('checkbox').size();

---

获取绝对路径的方法：

function getRootPath(){

var curWwwPath = window.document.location.href; //当前网页的地址

var pathName= window.document.location.pathname; //获取目录

var pos= curWwwPath.indexOf(pathName);

var localhostPath = curWwwPath.substring(0,pos); //获取主机地址

var projectName= pathName.substring(0,pathName.substr(1).indexOf('/')+1); //获取项目名称

return localhostPath+projectName;

}

---

jquery中的几种循环

1，for in 对数组或对象的属性

2，$.each() :对数组或匹配的元素

3，for(var i=0;i<len;i++){}

---

jquery中的取整

1，Math.ceil() :向上取整

2，Math.floor() :向下取整

3，Math.round() :和其值最接近的整数

---

手动触发a标签的点击事件失效

在a标签中加一个标签，通过触发ta实现点击

demo：

var span= “<span id="temA" class=“sr-only”>刷新</span>”;

$("a").append(span)；

$("#tempA").click();

---

iframe

1,

---

被调函数ajax 异步，主调函数返回值是undefined

解决办法：

1， ajax默认是异步调用的，所以得到的返回值是空值，要得到值必须改成同步：async: false,//同步。

2.必须定义一个全局变量 var result = ""来保存返回值。否则得到的是undefined

1. unction GetReturnValue(url, jsonText) {  
2.            var result = "";  
3.            $.ajax({  
4.                type: "POST",  
5.                url: url,  
6.                data: jsonText,  
7.                contentType: "application/json;charset=utf-8",  
8.                dataType: "json",  
9.                async: false,//同步  
10.                success: function (json) {  
11.                    result = eval('(' + json.d + ')');  
12.                }, failure: function () {  
13.                    result = "";  
14.                }  
15.            })  
16.            return result;  
17.        }  

---

实施监听input 值的改变

$('input').on('input propertychange',function(){});

---

$(function(){}) :用于存放操作DOM对象的代码，执行其中的代码时，DOM对象已经存在，不可以开发插件的代码，因为jQuery对象没有得到传递，外部通过jQuery.method 调用不了其中的方法

(function($){})(jQuery): 存放开发插件的代码，执行其中的DOM不一定存在，所以自己自动执行DOM操作代码的时候小心。

---

iframe

1. 在iframe的子页面获取父页面的元素

$('eld', parent.document); //ele 是子页面的

2. 父页面获取iframe 子页面的元素

$('ele',document.frames('iframeName').document)