开发遇到问题(1)

今天药忘吃喽~ 2022-05-14 15:11 294阅读 0赞

由于本人以前长时间写后端,对前端的东西不是很懂.新公司项目,需要自己写前端,在做项目的过程中,磕磕碰碰,一个资料需要查找半天才能找到解决的办法.为了避免这种情况在日后发生,特地将一些问题放在这里,以便日后查阅.

1.  jquery赋值,

$(“#id”).atter(value,value);//在特殊场合会失效,只能用一次.多次赋值使用
    	$(“#id”).val(value);//多次赋值使用

1.  ie兼容性,不要出现function的字段
2.  日期格式, 在ie中,2018-10-26这种时间格式会失效,不能参与计算,要计算日期,使用

new Date(Date.parse(stime.replace(/-/g, "/"))).getTime();格式化

1.  想要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.  隐藏和显示  
    (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.  子页面给父页面传值
    
    (1)

$("#propertyID",window.parent.document).attr("value",propertyID);//子窗口给父窗口元素赋值

(2)

window.opener.document.getElementById("propertyID").value=propertyID;

1.  打开新窗口  
    (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.  子页面关闭  
    (1)关闭子页面并刷新父页面

parent.location.reload();

(2).关闭子页面,父页面不刷新)

window.history.back()//这种适合父页面和子页面没有传值,
     window.close();//关闭窗口 这个在谷歌浏览器中可能会失效,需要先window.open())

(3)关闭子页面,父页面也跟着关闭

parent.window.close();  // 一级用
    top.window.close();//多级用

(4)关闭子页面,父页面局部刷新这个功能本人没做过,不过我的思路是使用上面的第二种关闭页面,在关闭子页面前,调用父页面中局部刷新的方法.这个思路至于对不对,只有也后实践了才知道.