一些前端问题(1)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/bushanyantanzhe/article/details/83416477

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

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

没有更多推荐了,返回首页