1.去除数组中重复的数据,利用filter()
例子:
var r,arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
r = arr.filter(function (element, index, self) {
return self.indexOf(element) === index;
});
alert(r.toString());
2.获取子页面或者父页面的数据(iframe)
例子:在当前页面添加如下div
<%-- 修改弹框 --%>
<div id="editDiv" class="tan_add" style="display:none;width:650px; background: #fff; border: 3px solid #999;" >
<div class="ckjsxmForm" style=" position:relative">
<div id="cyjsDiv" style="clear:both;position:absolute;left:7px;top:60px"></div>
<div class="pd10">
<div class="popup_left" id="qxzName3">修改</div>
<a href="#" class="btn_close" οnclick="javascript:BOX_remove('editDiv');"></a>
<div class="clr"></div>
</div>
<div style="float:none; clear:both; overflow:hidden;" >
<iframe frameborder="0" id="eidtiframe" name="eidtiframe" frameborder="0" src="" style="width:650px;height:150px;overflow:hidden;" ></iframe>
</div>
<div id="oMainLi stToolBar" class="wp_toolbar_inner" style=" padding:10px 10px 20px 0;">
<div class="addlist_button1 ml10" style="float: right" ><a href="javascript:void(0);" οnclick="javascript:BOX_remove('editDiv');return false;" ><span>取消</span></a></div>
<div class="addlist_button1" style="float: right" ><a href="javascript:void(0);" οnclick="javascript:bcEdit();" ><span>确定</span></a></div>
<div class="clr"></div>
</div>
</div>
</div>
// 然后当前页面加入调取如下function的按钮
function addZg(dwid){
var src = "<%=path%>/dwbdsb/dwbdsbAddZgList.do?dwid="+dwid;
$("#eidtiframe").attr("src",src);
BOX_show('addZgDiv');
}
// 此时程序会进入后台并返回相应的页面,但返回的页面会镶嵌在上面的div中,div中有确定按钮,点击确定按钮会调取如下function
function bcEdit(){
//获取子页面id为showform的元素,本程序showform是一个id为showform的form表单,故下面用到了jquery的表单异步提交,
//若想使用jquery的异步提交,需引入jquery.form.2.36.js,单纯的表单提交是不可以异步提交的
//若想取得值,例如:var xmform = $("#eidtiframe")[0].contentWindow.$("#showform").val();即可
var xmform = $("#eidtiframe")[0].contentWindow.$("#showform");
if(Validator.Validate($("#eidtiframe")[0].contentWindow.$("#showform")[0],3)){}else{return false;}
var url="<%=path%>/dwbdsb/saveEdit";
xzjsxmform.ajaxSubmit({
url: url,
type:"post",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
dataType : "text",
success: function (data) {
if(data=="1"){
alert("修改成功!");
document.cxform.action="<%=path%>/dwbdsb/queryDwbdsbList.do";
document.cxform.submit();
}else if(data=="0"){
alert("操作失败!");
}
},
error:function(data){
alert("操作失败,请重试!");
}
});
}
若子页面想取得父页面的元素,则在子页面中加入以下语句即可获取
例子:
var r,arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
r = arr.filter(function (element, index, self) {
return self.indexOf(element) === index;
});
alert(r.toString());
2.获取子页面或者父页面的数据(iframe)
例子:在当前页面添加如下div
<%-- 修改弹框 --%>
<div id="editDiv" class="tan_add" style="display:none;width:650px; background: #fff; border: 3px solid #999;" >
<div class="ckjsxmForm" style=" position:relative">
<div id="cyjsDiv" style="clear:both;position:absolute;left:7px;top:60px"></div>
<div class="pd10">
<div class="popup_left" id="qxzName3">修改</div>
<a href="#" class="btn_close" οnclick="javascript:BOX_remove('editDiv');"></a>
<div class="clr"></div>
</div>
<div style="float:none; clear:both; overflow:hidden;" >
<iframe frameborder="0" id="eidtiframe" name="eidtiframe" frameborder="0" src="" style="width:650px;height:150px;overflow:hidden;" ></iframe>
</div>
<div id="oMainLi stToolBar" class="wp_toolbar_inner" style=" padding:10px 10px 20px 0;">
<div class="addlist_button1 ml10" style="float: right" ><a href="javascript:void(0);" οnclick="javascript:BOX_remove('editDiv');return false;" ><span>取消</span></a></div>
<div class="addlist_button1" style="float: right" ><a href="javascript:void(0);" οnclick="javascript:bcEdit();" ><span>确定</span></a></div>
<div class="clr"></div>
</div>
</div>
</div>
// 然后当前页面加入调取如下function的按钮
function addZg(dwid){
var src = "<%=path%>/dwbdsb/dwbdsbAddZgList.do?dwid="+dwid;
$("#eidtiframe").attr("src",src);
BOX_show('addZgDiv');
}
// 此时程序会进入后台并返回相应的页面,但返回的页面会镶嵌在上面的div中,div中有确定按钮,点击确定按钮会调取如下function
function bcEdit(){
//获取子页面id为showform的元素,本程序showform是一个id为showform的form表单,故下面用到了jquery的表单异步提交,
//若想使用jquery的异步提交,需引入jquery.form.2.36.js,单纯的表单提交是不可以异步提交的
//若想取得值,例如:var xmform = $("#eidtiframe")[0].contentWindow.$("#showform").val();即可
var xmform = $("#eidtiframe")[0].contentWindow.$("#showform");
if(Validator.Validate($("#eidtiframe")[0].contentWindow.$("#showform")[0],3)){}else{return false;}
var url="<%=path%>/dwbdsb/saveEdit";
xzjsxmform.ajaxSubmit({
url: url,
type:"post",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
dataType : "text",
success: function (data) {
if(data=="1"){
alert("修改成功!");
document.cxform.action="<%=path%>/dwbdsb/queryDwbdsbList.do";
document.cxform.submit();
}else if(data=="0"){
alert("操作失败!");
}
},
error:function(data){
alert("操作失败,请重试!");
}
});
}
若子页面想取得父页面的元素,则在子页面中加入以下语句即可获取
var txt = parent.document.getElementById('txt');
3.js刷新父页面或者当前页面
(1)刷新当前页面 window.location.reload();
(2)刷新父页面 window.parent.location.reload();