前端开发常用代码

前端向后台请求常用的几种方式

    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);

初始化方法

<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对应的标签

});

//让网页禁止选择、复制、右键

//相关设置

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();

//文件下载

<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);
	}

//网页打印功能

<div class="noprint" style="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")
});

//js页面跳转

 location.href='http://localhost:9107/cart.html';

window.location='${baseurl}user/edituser.action?id='+userid;

让文字在一行上下最好的居中方法：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>