JavaScript 杂记

最新推荐文章于 2024-09-23 08:37:48 发布

面试冲呀

最新推荐文章于 2024-09-23 08:37:48 发布

阅读量165

点赞数

分类专栏：日常随记文章标签： javascript java

本文链接：https://blog.csdn.net/m0_46840498/article/details/107780032

版权

日常随记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

JavaScript 杂记

1、设置页面自动刷新

/*20代表每隔20秒刷新一次*/
<meta http-equiv="refresh" content="20">

2、设置页面自动跳转

/*当前页面在20秒后自动跳转url*/
<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

可浏览：js设置自动刷新
3、easyui 中datagrid的使用

列名	计划号	2	3	4	5
1#转炉	000000
行名2
行名3
行名4
行名5

datagrid使用columns能够动态生成列名，如果要生成行名1-5，即在返回的数据里面多设置一列用来存储行名将每一行的行名作为一个对象firstColumn返回

 /*这是第一列的json格式*/
 "firstColumn":{
            "value":"1#转炉",
            "typ":"无TYP",
            "displaytext":"BOF1"
        },
 "PlanSeqNo":{
            "value":"000000",
            "typ":"2",
            "displaytext":"计划号"
        }


	$('#detail').datagrid({
		url:'/auto/HM/PM/getWorkStatus',
		columns:[[
			{field:'firstColumn',title:'',width:140,align:'center',styler:function(value,row,index){
				return "background-color:#C1D5EE"}, formatter: function(value, row, index){
					return value['value'];
	  			 }},
			{field:"PlanSeqNo",title:"计划号",width:160,align:'center',formatter: function(value, row, index){
				if(!value || !value['value']){
					return " "
				}else{
					return value['value'];
				}
 			 }},
			
		]],
		striped:true/*设置奇数行与偶数行颜色的跳转*/
	})

列名	1#转炉	2	3	4	5
最新计划号	000000
最新处理号	1111111

如果表格前面的行名是固定且比较少的，可以将表格拆成两份看，列名是单独的一个表格，在jsp里面写好，后面的1#转炉可以使用datagrid，从url中取数据

4、java计算两个时间相差的天数，小时数，分钟数
date和字符串之间的转换详解：JAVA date和string相互转换

/*
1、两个date类型的数据相减
2、getTime() 得到的是毫秒数
3、字符串转化为date类型 
  SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  Date date = sdf.parse(“2020-8-4  10：44：55”);
4、date类型转化为字符串类型
  Date date = new Date();
  SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
  System.out.println(sdf.format(date));
  sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
  System.out.println(sdf.format(date));
  sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
  System.out.println(sdf.format(date));
*/
//这是分别得到的天数  小时数   分钟数  如果想得到全部的分钟数
//即times=days*24*60+hours*60+minutes
long diff=currDate.getTime()-date.getTime();
long days=diff / (1000 * 60 * 60 * 24);
long hours = (diff-days*(1000 * 60 * 60 * 24))/(1000* 60 * 60);
long minutes=(diff-days*(1000 * 60 * 60 * 24)-hours*(1000* 60 * 60))/(1000* 60);

5、Snap.load（）
snap讲解
Snap.load(url,callback,[scope])——加载外部的SVG文件作为文档片段
其中的参数：
url:是svg文件的url地址
callback:回调函数
scope:回调函数的作用域，可省略
函数有返回值，返回的是父元素

Snap.load("../_ajax/ajax.svg", function(svg) {
    this.appendChild(svg.node);
}, document.getElementById("append"));

function loadFurnace() {
	var s = Snap("#svg");
	Snap.load("/auto/resources/image/furnace.svg", function(f) {
		s.append(f.node);
		gear = s.select('#bd');
		//用getBBox以返回一个 包含 x, y, width, height 的 SVGRect 对象, 表明 SVG 元素在 viewport 内部的宽高和左上角坐标,
		gearbbox = gear.getBBox(); 
		setTimeout(rotR,1000);//1000秒以后调用rotR函数
	});
}

getBBox()讲解
 snap方法详解

JQuery消息提示插件toastr的使用

toastr的使用

toastr.options = {
        //是否显示关闭按钮（提示框右上角关闭按钮）
        closeButton: false,
        //是否为调试； 
        debug: false,
        //是否显示进度条（设置关闭的超时时间进度条）
        progressBar: true,
        //消息框在页面显示的位置
        /**
         toast-top-left  顶端左边
		 toast-top-right    顶端右边
		 toast-top-center  顶端中间
		 toast-top-full-width 顶端，宽度铺满整个屏幕
		 toast-botton-right
		 toast-bottom-left
		 toast-bottom-center
		 toast-bottom-full-width
        **/
        positionClass: "toast-bottom-center",
        //点击消息框自定义事件 
        onclick: null,
        //显示动作时间
        showDuration: "300",
        //隐藏动作时间 
        hideDuration: "1000",
        //自动关闭超时时间 
        timeOut: "2000",
        extendedTimeOut: "1000",
        showEasing: "swing",
        hideEasing: "linear",
        //显示的方式，和jquery相同 
        showMethod: "fadeIn",
        //隐藏的方式，和jquery相同
        hideMethod: "fadeOut"
    };

6、杂七杂八
获取input id为tagName的值：
var tag = $(’#tagName’).val();

以下均搬运这个链接js与jquery获取input输入框值详解

jquery获取input文本框中的值
①根据name::::😒(‘input[name=“username”]’).val()

②根据id:::😒(’#user’).val()

③根据class::😒(’.uusr’).val()

javascript获取input输入框中的值
①根据name:
document.getElementsByName(“username”)[0].value
②根据id:
document.getElementById(“user”).value
③根据class:
document.getElementsByClassName(“uusr”)[0].value

1.获取一组radio单选框的值（name属性为一组的radio的name属性）
$(“input[name=element_name]:checked”).val
2.获取select下拉框的值
$(’#element’).val()