当前位置: 首页 > 面试题库 >

JavaScript如何更改警报框的样式?

董飞
2023-03-14
问题内容

我需要在 警报 框中更改“确定”按钮的样式。

<head>

    <script type="text/javascript">

        function show_alert() {

            alert("Hello! I am an alert box!");

        }

    </script>

</head>

<body>

    <input type="button" onclick="show_alert()" value="Show alert box" />

</body>

问题答案:

警报框是系统对象,不受CSS约束。为此,您需要创建一个HTML元素并模仿其alert()功能。jQueryUIDialogue为您做了很多工作,基本上就像我描述的那样:Link。

<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>jQuery UI Dialog - Default functionality</title>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

  <link rel="stylesheet" href="/resources/demos/style.css">

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

  <script>

  $( function() {

    $( "#dialog" ).dialog();

  } );

  </script>

</head>

<body>



<div id="dialog" title="Basic dialog">

  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>

</div>





</body>

</html>


 类似资料:
  • 问题内容: 我需要在 警报 框中更改“确定”按钮的样式。 问题答案: 警报框是系统对象,不受CSS约束。为此,您需要创建一个HTML元素并模仿其功能。jQuery UI Dialogue为您做了很多工作,基本上就像我描述的那样:Link。

  • 本文向大家介绍如何使用JavaScript更改警报框中的按钮标签?,包括了如何使用JavaScript更改警报框中的按钮标签?的使用技巧和注意事项,需要的朋友参考一下 使用标准警报框,您无法更改按钮标签。要更改标签,请使用自定义警报框。在这里,警报框的“确定”更改为“谢谢您的通知!” 例如:

  • 本文向大家介绍如何编辑JavaScript警报框标题?,包括了如何编辑JavaScript警报框标题?的使用技巧和注意事项,需要的朋友参考一下 由于安全性问题,无法编辑JavaScript警报框标题。不过,要编辑一个警报框以使其在所有Web浏览器中都可以使用,请使用自定义JavaScript模式对话框或jQuery插件。 您还可以使用自定义警报框(如Sweet Alert)来获取具有您选择的标题的

  • 问题内容: 我希望能够在一定时间后或在特定事件(例如)后使用Javascript自动关闭警报框。从我的研究来看,内置函数似乎不可能实现。有没有办法覆盖它并控制它打开的对话框? 另外,我不希望显示隐藏的div作为警报的替代。我需要一个实际的对话框。 问题答案: 如前所述,您确实无法做到这一点。您可以使用UI框架在窗口内进行模式对话框,也可以具有弹出窗口,该脚本具有超时后自动关闭的脚本…每个方面都有负

  • 我有一个弹出下载音频指令在我的应用程序。我正在尝试做的是,我想改变默认的文本颜色“OK”为蓝色。我试了一些东西,但不起作用。下面是我的代码: 但这种改变并没有反映出,有谁能告诉我,我做错了什么?

  • 问题内容: 如何在JavaScript警报框中添加新行? 问题答案: 将放入新行- 作为新行的控制代码。