如何在我的jsp页面中使用javascript显示popupalert?
我已经在我的如何在我的jsp页面中使用javascript显示popupalert?,javascript,jsp,Javascript,Jsp,我已经在我的jsp页面中使用了javascript的confirm(“”)弹出警报功能,它显示了'OK'和'Cancel'按钮,但我想要的是'YES'和'NO' 请告诉我是否有任何方法可以做到这一点,或者有任何替代方法。如果您在javascript中使用确认语句,则无法更改它。您必须使用java脚本或jquery创建一个自定义确认框。这里是一个不使用jquery或javascript的可选方法 <style type="text/css"> div#popup { posi
jsp
页面中使用了javascript
的confirm(“”)弹出警报功能,它显示了'OK'
和'Cancel'
按钮,但我想要的是'YES'和'NO'
请告诉我是否有任何方法可以做到这一点,或者有任何替代方法。如果您在javascript中使用确认语句,则无法更改它。您必须使用java脚本或jquery创建一个自定义确认框。这里是一个不使用jquery或javascript的可选方法
<style type="text/css">
div#popup
{
position:absolute;
display:none;
top:200px;
left:50%;
width:500px;
margin-left:-250px;
border:1px solid blue;
padding:20px;
background-color:white;
}
</style>
<a
href="http://example.com/"
onClick="document.getElementById('popup').style.display = 'block'; return false;"
>Go to example.com</a>
<div id="popup">
<p>Are you sure you want to go to example.com?</p>
<p>
<a onclick="document.location='http://example.com/'; return false;">
Yes
</a>
<a onclick="document.getElementById('popup').style.display = 'none'; return false;">
No
</a>
</p>
</div>
div#弹出窗口
{
位置:绝对位置;
显示:无;
顶部:200px;
左:50%;
宽度:500px;
左边距:-250px;
边框:1px纯蓝色;
填充:20px;
背景色:白色;
}
您确定要访问example.com吗
对
不
也可以使用jquery
function askUserYesOrNo() {
var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
$("#yes").click(handleYes);
$("#no").click(handleNo);
myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}
function handleYes() {
//handle yes...
}
function handleNo() {
//handle no...
}
函数askUserYesOrNo(){
var myDialog=$(“是或否?”);
$(“#是”)。单击(扶手);
$(“#否”)。点击(handleNo);
myDialog.modal();//这必须由modal框架使用的任何语法替换
}
函数handleYes(){
//处理是的。。。
}
函数handleNo(){
//手柄号。。。
}
如果在javascript中使用确认语句,则无法更改它。您必须使用java脚本或jquery创建一个自定义确认框。这里是一个不使用jquery或javascript的可选方法
<style type="text/css">
div#popup
{
position:absolute;
display:none;
top:200px;
left:50%;
width:500px;
margin-left:-250px;
border:1px solid blue;
padding:20px;
background-color:white;
}
</style>
<a
href="http://example.com/"
onClick="document.getElementById('popup').style.display = 'block'; return false;"
>Go to example.com</a>
<div id="popup">
<p>Are you sure you want to go to example.com?</p>
<p>
<a onclick="document.location='http://example.com/'; return false;">
Yes
</a>
<a onclick="document.getElementById('popup').style.display = 'none'; return false;">
No
</a>
</p>
</div>
div#弹出窗口
{
位置:绝对位置;
显示:无;
顶部:200px;
左:50%;
宽度:500px;
左边距:-250px;
边框:1px纯蓝色;
填充:20px;
背景色:白色;
}
您确定要访问example.com吗
对
不
也可以使用jquery
function askUserYesOrNo() {
var myDialog = $('<div class="mydialog"><p>Yes or No?</p><input type="button" id="yes" value="Yes"/><input type="button" id="no" value="No"/></div>');
$("#yes").click(handleYes);
$("#no").click(handleNo);
myDialog.modal(); //This would have to be replaced by whatever syntax the modal framework uses
}
function handleYes() {
//handle yes...
}
function handleNo() {
//handle no...
}
函数askUserYesOrNo(){
var myDialog=$(“是或否?”);
$(“#是”)。单击(扶手);
$(“#否”)。点击(handleNo);
myDialog.modal();//这必须由modal框架使用的任何语法替换
}
函数handleYes(){
//处理是的。。。
}
函数handleNo(){
//手柄号。。。
}
javascript限制了自定义确认框的选项。因此,您无法将确认框按钮从“确定/取消”更改为“是/否”
您可以使用JQuery来定制它
使用JQuery和CSS3定制ConfirmBox的javascript限制了定制确认框的选项。因此,您无法将确认框按钮从“确定/取消”更改为“是/否”
您可以使用JQuery来定制它
使用JQuery和CSS3定制confirbox您可以使用这个JQuery基本解决方案。
它可以选择添加任意数量的按钮,并为每个按钮添加相应的操作
您可以选择这个Jquery基本解决方案。
它可以选择添加任意数量的按钮,并为每个按钮添加相应的操作
您可能需要查看您可能需要查看我可以为解决方案中的document.location属性分配javascript函数名吗?答案是否。如果您想在该属性上分配javascript函数,可以这样做吗?我可以将javascript函数名分配给解决方案中的document.location属性吗?答案是否。如果要在该属性上分配javascript函数,可以这样做