1. 程式人生 > >一些前端問題(1)

一些前端問題(1)

由於本人以前長時間寫後端,對前端的東西不是很懂.新公司專案,需要自己寫前端,在做專案的過程中,磕磕碰碰,一個資料需要查詢半天才能找到解決的辦法.為了避免這種情況在日後發生,特地將一些問題放在這裡,以便日後查閱.

  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'))