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

最新推荐文章于 2024-09-18 09:12:09 发布

原创最新推荐文章于 2024-09-18 09:12:09 发布 · 875 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#项目总结 #css3 #bootstrap #前端

项目总结专栏收录该内容

7 篇文章

订阅专栏

欢迎分为评论补充

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

前端框架+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

unction GetReturnValue(url, jsonText) {
var result = "";
$.ajax({
type: "POST",
url: url,
data: jsonText,
contentType: "application/json;charset=utf-8",
dataType: "json",
async: false,//同步
success: function (json) {
result = eval('(' + json.d + ')');
}, failure: function () {
result = "";
}
})
return result;
}

实施监听input 值的改变

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

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

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

iframe

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

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

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

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