-- 更新 -- 我读了很多关于这个主题的文章,尝试了一些脚本,需要帮助来找出你能做什么或不能做什么。社区回答了这一切,以下是一个很好的起点。 (这里的答案摘自下面的社区,谢谢)
您无法覆盖默认的警报方式。它是由您的客户端生成的(edge.chrome firefox 等)
-
你可以使用 jquery 代替。而不是使用如下脚本:
函数 check_domain_input() {
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0) {
返回真;
}
alert('请输入要搜索的域名。');
返回假;
}
这使得客户端(firefox chrome等)产生一个警告框。
2b.你告诉代码,如果事件加载 jquery 警报框上需要发生某些事情,你可以让它变得漂亮:(由 Jonathan Payne 回答并由 Jonathan Payne 创建。谢谢)
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
<div onclick="check_domain_input()">Click</div>
<div id="dialog" title="Attention!" style="display:none">
Please enter a domain name to search for.
</div>
<script>
function check_domain_input()
{
$( "#dialog" ).dialog(); // Shows the new alert box.
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0)
{
return true;
}
$( "#dialog" ).dialog();
return false;
}
</script>
在这里查看 jsFiddle:http://jsfiddle.net/8cypx/12/
Try jQuery UI
位于这里:http://jqueryui.com/demos/dialog/
他们有一个主题滚轮,您可以在其中设置对话框和模式框的样式。
- 编辑 -
回答你的第二个问题。
在这里查看 jsFiddle:http://jsfiddle.net/8cypx/12/
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
<div onclick="check_domain_input()">Click</div>
<div id="dialog" title="Attention!" style="display:none">
Please enter a domain name to search for.
</div>
<script>
function check_domain_input()
{
$( "#dialog" ).dialog(); // Shows the new alert box.
var domain_val = document.getElementsByName('domain');
if (domain_val[0].value.length > 0)
{
return true;
}
$( "#dialog" ).dialog();
return false;
}
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)