zoukankan      html  css  js  c++  java
  • 前端开发常用代码

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

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

     


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

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

    //文件下载

    <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="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>
  • 相关阅读:
    Python网络编程 —— 粘包问题及解决方法
    Python网络编程 —— socket(套接字)及通信
    Python网络编程 —— 网络基础知识
    Python
    MySQL 之 数据的导出与导入
    MySQL 之 慢查询优化及慢日志管理
    MySQL 之 索引进阶
    MySQL 之 索引
    MySQL 之 事务
    MySQL 之 表的存储引擎
  • 原文地址:https://www.cnblogs.com/binghuaZhang/p/10780982.html
Copyright © 2011-2022 走看看