1. 程式人生 > >後臺系統開發前端知識點1

後臺系統開發前端知識點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)