html 刷新子页面刷新,如何实现js弹出一个添加或修改的子窗口,然后提交刷新页面功能?...

1.好可怜,提了几天的问题了都没有人回答,牛币少了点,这样的问题百度有的

2.给你一段我原来写的片段

3.

用户管理

li {list-style-type:none;}

.mesWindow{position:absolute;margin:50px 50px auto; border:#666 1px solid;background:#fff;}

.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12px;}

.mesWindowContent{margin:4px;font-size:12px;}

var isIe=(document.all)?true:false;

//设置select的可见状态

function setSelectState(state)

{

var objl=document.getElementsByTagName('select');

for(var i=0;i

{

objl[i].style.visibility=state;

}

}

function mousePosition(ev)

{

if(ev.pageX || ev.pageY)

{

return {x:ev.pageX, y:ev.pageY};

}

return {

x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop

};

}

//弹出方法

function showMessageBox(wTitle,content,pos,wWidth)

{

closeWindow();

var bWidth=parseInt(document.documentElement.scrollWidth);

var bHeight=parseInt(document.documentElement.scrollHeight);

if(isIe){

setSelectState('hidden');}

var back=document.createElement("div");

back.id="back";

var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";

styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";

back.style.cssText=styleStr;

document.body.appendChild(back);

showBackground(back,50);

var mesW=document.createElement("div");

mesW.id="mesWindow";

mesW.className="mesWindow";

mesW.innerHTML="

"+wTitle+"
"+content+"

styleStr="left:25%;top:60px;position:absolute;width:"+wWidth+"px;";

mesW.style.cssText=styleStr;

document.body.appendChild(mesW);

}

//让背景渐渐变暗

function showBackground(obj,endInt)

{

if(isIe)

{

obj.filters.alpha.opacity+=1;

if(obj.filters.alpha.opacity

{

setTimeout(function(){showBackground(obj,endInt)},5);

}

}else{

var al=parseFloat(obj.style.opacity);al+=0.01;

obj.style.opacity=al;

if(al

{setTimeout(function(){showBackground(obj,endInt)},5);}

}

}

//关闭窗口

function closeWindow()

{

if(document.getElementById('back')!=null)

{

document.getElementById('back').parentNode.removeChild(document.getElementById('back'));

}

if(document.getElementById('mesWindow')!=null)

{

document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));

}

if(isIe){

setSelectState('');}

}

//测试弹出

function testMessageBox(ev)

{

var objPos = mousePosition(ev);

messContent='

用户名:
密 码 :
';

showMessageBox('新增管理员',messContent,objPos,450);

}

点击这里
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,针对你的问题,我可以给你一些思路和代码示例,供你参考。 首先,需要在页面中引入jQuery库,因为我们会使用到jQuery的AJAX方法和确认框方法。代码如下: ``` <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> ``` 接下来,我们可以编写一个点击事件,当用户点击按钮时,弹出确认框,用户确认后再执行AJAX请求,请求完成后刷新页面。代码如下: ``` $('button').click(function() { if (confirm('确定要提交请求吗?')) { $.ajax({ url: 'your_url', type: 'post', data: 'your_data', success: function() { alert('请求提交成功!'); location.reload(); }, error: function() { alert('请求提交失败!'); } }); } }); ``` 解释一下上面的代码: 1. 当用户点击页面中的按钮时,会触发click事件,执行相应的代码。 2. 弹出确认框,询问用户是否要提交请求。如果用户点击了“确定”按钮,就会执行if语句里面的代码,否则不执行。 3. 在if语句里面,我们使用了jQuery的AJAX方法,向指定的URL提交数据,请求类型为POST。你需要将“your_url”和“your_data”替换为实际的URL和数据。 4. 如果请求成功,会弹出一个提示框,显示“请求提交成功”,然后通过location.reload()方法刷新页面。 5. 如果请求失败,会弹出一个提示框,显示“请求提交失败”。 希望以上代码能够帮助到你,如果还有任何问题,请随时问我。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值