如何编辑 JavaScript 警告框标题？

我用 C # . NET 页面中的代码生成了一个 JavaScript 警报:

Response.Write("<script language=JavaScript> alert('Hi select a valid date'); </script>");

它显示一个标题为“来自网页的信息”的警告框。

可以修改标题吗？

501635 次浏览
小开

不，这是不可能的。您可以使用一个自定义的 javascript 警告框。

用 jQuery 找到了一个不错的

JQuery 警报对话框(警报、确认和提示替换)

小开

你可以在 IE 中这样做:

<script language="VBScript">
Sub myAlert(title, content)
MsgBox content, 0, title
End Sub
</script>


<script type="text/javascript">
myAlert("My custom title", "Some content");
</script>

(尽管我真的希望你不能)

小开
最佳答案

不，你不能。

这是一个安全/反钓鱼功能。

小开

根据你的提问方式来回答问题。

这其实很简单(至少在 Internet Explorer 上) ，我只用了17.5秒。

如果您使用 cxfx 提供的自定义脚本: (将其放在 apsx 文件中)

<script language="VBScript">
Sub myAlert(title, content)
MsgBox content, 0, title
End Sub
</script>

然后您可以像调用常规警报一样调用它。

Response.Write("<script language=JavaScript> myAlert('Message Header Here','Hi select a valid date'); </script>");

希望这能帮到你，或者其他人！

小开

是的，你可以改变它。如果你在 Javascript 中调用 VBscript 函数。

下面是一个简单的例子

<script>


function alert_confirm(){


customMsgBox("This is my title","how are you?",64,0,0,0);
}


</script>




<script language="VBScript">


Function customMsgBox(tit,mess,icon,buts,defs,mode)
butVal = icon + buts + defs + mode
customMsgBox= MsgBox(mess,butVal,tit)
End Function


</script>


<html>


<body>
<a href="javascript:alert_confirm()">Alert</a>
</body>


</html>
小开

重写 javascript window.alert ()函数。

window.alert = function(title, message){
var myElementToShow = document.getElementById("someElementId");
myElementToShow.innerHTML = title + "</br>" + message;
}

通过这个你可以创建你自己的 alert()函数。创建一个新的看起来很酷的对话框(来自一些 div 元素)。

测试工作在铬和 webkit，不知道其他人。

小开

这里有一个相当不错的“黑客技术”—— https://stackoverflow.com/a/14565029，你使用一个带有空 src 的 iframe 来生成警报/确认消息——它不能在 Android 上工作(为了安全起见)——但可能适合你的场景。

小开

你可以做一些调整，在顶部留下一个空行。

像这样。

        <script type="text/javascript" >
alert("USER NOTICE "  +"\n"
+"\n"
+"New users are not allowed to work " +"\n"
+"with that feature.");
</script>
小开

我发现这个 甜心定制头框 javascript。

比如说

swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
},
function(){
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
小开

当我想要更改默认确认框的框标题和按钮标题时，遇到了类似的问题。我已经使用了 Jquery UI 对话框插件 http://jqueryui.com/dialog/#modal-confirmation

当我有下面这些东西的时候:

function testConfirm() {
if (confirm("Are you sure you want to delete?")) {
//some stuff
}
}

我把它改成:

function testConfirm() {


var $dialog = $('<div></div>')
.html("Are you sure you want to delete?")
.dialog({
resizable: false,
title: "Confirm Deletion",
modal: true,
buttons: {
Cancel: function() {
$(this).dialog("close");
},
"Delete": function() {
//some stuff
$(this).dialog("close");
}
}
});


$dialog.dialog('open');
}

可以看到工作在这里 https://jsfiddle.net/5aua4wss/2/

希望能帮上忙。


提交答案