由于本人以前长时间写后端,对前端的东西不是很懂.新公司项目,需要自己写前端,在做项目的过程中,磕磕碰碰,一个资料需要查找半天才能找到解决的办法.为了避免这种情况在日后发生,特地将一些问题放在这里,以便日后查阅.
- jquery赋值,
$(“#id”).atter(value,value);//在特殊场合会失效,只能用一次.多次赋值使用
$(“#id”).val(value);//多次赋值使用
-
ie兼容性,不要出现function的字段
-
日期格式, 在ie中,2018-10-26这种时间格式会失效,不能参与计算,要计算日期,使用
new Date(Date.parse(stime.replace(/-/g, "/"))).getTime();格式化
- 想要input不能被点击,如果要保存数据,用readonly=“readonly”,不要用disabled=“disabled”,disabled不会保存数据
document.getElementById("zcjyReason").readonly=false;
document.getElementById("zcjyReason").readonly=true;
$("#zcjyReason2").attr("readOnly",true);
$("#zcjyReason2").attr("readOnly",false);
- 隐藏和显示
(1)
document.getElementById(i).style.display ='block'; //获取当前页面里面id为i的标签,改变该标签的样式,使其满眶显示。
document.getElementById(i).style.display ='none'; //获取当前页面里面id为i的标签,改变该标签的样式,使其不显示。
document.getElementById(i).style.display ='inline'; //获取当前页面里面id为i的标签,改变该标签的样式,使其显示。
(2)
$("#btn1").hide();//隐藏选择按钮
$("#btn1").show();//显示选择按钮
(3))
$('#btn1').css('visibility','hidden');
$("#btn1j").css("visibility","visible");
7.iframe打开子页面时
//给父窗口赋值parent
(1)在iframe中调用父页面方法)
parent.refTable(table);
parent.getZ_vals(zvals);
parent.getW_vals(wvals);
(2)在父页面中调用子页面方法
var table=document.getElementById("searchFrame").contentWindow.getTable();
-
子页面给父页面传值
(1)
$("#propertyID",window.parent.document).attr("value",propertyID);//子窗口给父窗口元素赋值
(2)
window.opener.document.getElementById("propertyID").value=propertyID;
- 打开新窗口
(1)
var url="http://www.baidu.com ";
$('#win').window({ width: 1000, height: 800,modal: true, title: "新弹窗"});
$('#win').html("<iframe height='100%' width='100%' frameborder='0' src='"+ url + "'></iframe>");
(2))
//window.open(url,);
window.open(url, '新窗口', 'height=800, width=1000, top=100, left=50, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no'))
- 子页面关闭
(1)关闭子页面并刷新父页面
parent.location.reload();
(2).关闭子页面,父页面不刷新)
window.history.back()//这种适合父页面和子页面没有传值,
window.close();//关闭窗口 这个在谷歌浏览器中可能会失效,需要先window.open())
(3)关闭子页面,父页面也跟着关闭
parent.window.close(); // 一级用
top.window.close();//多级用
(4)关闭子页面,父页面局部刷新这个功能本人没做过,不过我的思路是使用上面的第二种关闭页面,在关闭子页面前,调用父页面中局部刷新的方法.这个思路至于对不对,只有也后实践了才知道.