前端开发常用代码
前端向后台请求常用的几种方式
function querybloods_form(){ window.location='${baseurl}blood/blood_statistics_result.action?id='+id; //① location.href='http://localhost:9107/cart.html'; //② createmodalwindow("修改用户信息", 800, 250, '${baseurl}blood/blood_statistics_result.action'); //③ window.open("<%=basePath%>export/toShow");
$.post("${baseurl}blood/blood_statistics_result.action",formdata,function(data){ //var formdata=$("#sysuserqueryForm").serialize();表单参数 ④ },"json"); }
返回当前时间
function today(){ var today=new Date(); var h=today.getFullYear(); var m=today.getMonth()+1; var d=today.getDate(); var hh=today.getHours(); var mm=today.getMinutes(); var ss=today.getSeconds(); m= m<10?"0"+m:m; d= d<10?"0"+d:d; hh = hh < 10 ? "0" + hh:hh; mm = mm < 10 ? "0" + mm:mm; ss = ss < 10 ? "0" + ss:ss; return h+"-"+m+"-"+d+" "+hh+":"+mm+":"+ss; }
获取当前时间后半个钟
var today=new Date();
var time = today.getTime()+1000*60*30;
var d100=new Date(time);
数据展示格式化
var date = new Date(value);
var y = date.getFullYear().toString().padStart(4, "0");
var m = (date.getMonth()+1).toString().padStart(2, "0");;
var d = date.getDate().toString().padStart(2, "0");
var hh= date.getHours().toString().padStart(2, "0");
var mm=date.getMinutes().toString().padStart(2, "0");;
var ss=date.getSeconds().toString().padStart(2, "0");
return y+"-"+m+"-"+d+" "+hh+":"+mm+":"+ss;
初始化方法
<body onload="funcTime();">
<script type="text/javascript">
$(function() {// 初始化内容 });
$(document).ready(function(){ // 初始化内容 }); </script>
关闭窗口
setTimeout("parent.closemodalwindow()", 500);
//给某个元素点击只能切换颜色
$("#box").addClass("red").click(function(){
// $(this).removeClass("red");
$(this).toggleClass("red"); //this指id名为box对应的标签
});
//让网页禁止选择、复制、右键
<body leftmargin=0 topmargin=0 oncontextmenu='return false' ondragstart='return false' onselectstart ='return false' onselect='document.selection.empty()' oncopy='document.selection.empty()' onbeforecopy='return false' onmouseup='document.selection.empty()'>
//相关设置
oncontextmenu='return false'
ondragstart='return false'
onselectstart ='return false'
onselect='document.selection.empty()'
oncopy='document.selection.empty()'
onbeforecopy='return false'
onmouseup='document.selection.empty()'
//让网页禁止复制
<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
//通过JS的方式禁止复制,选择
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
//OA系统后面环节执行人不允许修改拟稿人内容
function canNotUpdate(){
if(workflowParams.COMP_NO !="1901234678910"){ //这个编号为第一个节点人的编号,第一个人(即当前编写人)可以修改内容外,后面环节的人不可修改
$("form").find("input,select.textarea").attr("disabled",true);
//这里以此类推,找到不需要编辑的元素,把它的属性disabled设为true
}
}
//禁止页面打印(其实是打印空的)
<style>
@media print{
body{display:none}
}
</style>
//获取下拉框内容
var sex=$("#sex").find("option:selected").text();
var content=$("#form").find("input,select,textarea").attr("disabled",true);
$("#goods tbody tr").find("td:last").remove();
//修改时,下拉框默认选中
<input type="hidden" id="programNameId" name="bloodAnalyse.programName" value="${bloodAnalyse.programName}" /> <TD class=category width="35%"> <div> <select name="bloodAnalyse.programName" id="program_select"> <option value="">请选择</option> <c:forEach items="${programName_distinct}" var="userState"> <option value="${userState.programName}">${userState.programName}</option> </c:forEach> </select> </div> $(document).ready(function(){ var programName=$("#programNameId").val(); $("#program_select option[value='"+programName+"']").attr("selected",true); });
//文件下载
<a href="/zbh/CentOS-6.5-x86_64-bin-DVD1.iso" style="font-size:20px;color:yellow">点击下载</a> <a class="blue" href="${baseurl}template/ypxx_template.xls"><u>药品信息模板</u></a>
//加载近10年年份
window.onload=function(){ //设置年份下拉框 var myDate= new Date(); var startYear=myDate.getFullYear()-10;//起始年份 var endYear=myDate.getFullYear()+10;//结束年份 var obj=document.getElementById('myYear'); for (var i=startYear;i<=endYear;i++) { obj.options.add(new Option(i,i)); } obj.options[obj.options.length-11].selected=1; //获取下拉选择年份 var year = $("#myYear").find("option:selected").text(); alert(year); }
<select id="myYear" name="yybusinessCustom.businessyear"></select>
//网页打印功能
<style>
@media print{
.noprint{
display:none
}
}
<div class="noprint" style="width:200px;height:50px;margin:10px 0 0 -150px;font-size:30px;text-align:right;"> <input id="print_p" value="打印" type="button" onclick="javascript:window.print()" />
//点击事件
$("#print_p").bind("click",function(){
$("#print_p").contents().remove();
});
$("#hello").click(function(){
$("#id").find("option").eq(0).contents().remove();
$("#id").hide();
$("div[class=test3]").show();
$("#world").parent().parent().parent().siblings("div").find(i[class=tb]).addClass("act")
$("#id").attr("onclick","test()");
});
//输入框值发生改变时触发
$("#hello").find("input").bind("change",function(){
$("#id a").ea(1).css({"border":"2px solid red"});
$(this).attr("class","current")
});
input输入框去掉历史记录
在input框中加入属性 autocomplete="off"
让文字在一行上下最好的居中方法:line-height: px return关键字2个作用:1.结束函数 2.返回一个值给调用者 给容器设定尺寸, 不给图片设置尺寸,图片显示可能比容器大 var val = t.value; 获取文本框内容 var pVal = box.innerHTML; var ary = pVal.split(val); //字符串切割完之后的到的是数组,不包括val的数组 var str=ary.join("<span>"+val+"</span>"); //join,将数组拼接成字符串 box.innerHTML=str; //将字符串写入网页之中 text-align: center; /*只能文档(字)居中,不能让图片居中*/ 可以继承 ins[1].onfocus = function(){ spans[1].style.display = "none"; spans[1].style.background= green; } .red{color: red;} <div id="box">box</div>