简单的window.alert()案例

最新推荐文章于 2024-04-27 17:52:53 发布
最新推荐文章于 2024-04-27 17:52:53 发布
阅读量235 收藏
点赞数
分类专栏： JavaScript 链接库 文章标签： 服务器 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46538844/article/details/132430680
版权

window.alert()

弹出警告框来显示数据。

代码示例：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <h1>window表示电脑，alert表示弹窗。合起来的意思就是（电脑弹窗）</h1>
  </body>
</html>
<script>
  window.alert(5 + 6);
</script>

运行结果：

白鹿依山.12138
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript window.alert
qq_45858803的博客
03-23 696
文章目录相关背景HTML中嵌入JS的第一种方式实现代码图是结果在HTML中插入JS的第二种方式实现代码实现结果HTML中引入JS的第三种方式实现代码实现结果 相关背景 HTML中嵌入JS的第一种方式 实现代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&
自定义window.alert对话框JS代码
05-15
非常不错的JS特效。一个自定义样式的alert弹出对话框。比系统默认的美观许多。
Window alert() 方法
iteye_5722的博客
02-07 1169
一 定义和用法 alert()方法用于显示带有一条指定消息和一个确认按钮的警告框。   二 语法 alert(message)   三 代码 &lt;html&gt; &lt;head&gt; &lt;title&gt;警告对话框的应用&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; c...
window对象的几个方法
男儿当自强
09-20 1978
1 window.alert(“要弹出的内容”);  弹出窗口； 2 window.confirm("确认信息")； 弹出确认信息，结果为boolean; 3 window.open("url","窗口名称"，“窗口位置和尺寸”)；打开新窗口； 4 window.close(); 关闭窗口； 5 window.moveTo(x,y);移动到向，x,y位置； 6 window.resize
JavaScript 弹窗
努力的小白马
04-13 1322
开发者可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 Window.alert() Window.alert()方法显示一个警告对话框,上面显示有指定的文本内容以及一个"确定"按钮。 语法 window.alert(message); window.alert() 方法可以不带上window对象,直接使用**alert()**方法. message是要显示在对话框中的文本字符串,如果传入其他类型的值,会转换成字符串. 示例 window.alert("Hello wor.
javascript在html中的加载顺序
weixin_33716154的博客
05-22 198
参考：[1]http://coolshell.cn/articles/9749.html(酷壳）          [2]http://shaozhuqing.com/?p=2756   颜色标注分别来自于链接地址内容     　 通常来说，浏览器对于Javascript的运行有两大特性：1）载入后马上执行，2）执行时会阻塞页面后续的内容（包括页面的渲染、其它资源的下载）。于是，如果...
JavaScript
xfWgaoqiang的博客
04-17 676
JavaScript包括三大块： ECMAScript：JS的核心语法（ES规范 / ECMA-262标准） DOM：Document Object Model（文档对象模型：对网页当中的节点进行增删改的过程。）HTML文档被当做一棵DOM树来看待。 BOM：Browser Object Model（浏览器对象模型） 关闭浏览器窗口、打开一个新的浏览器窗口、后退、前进、浏览器地址栏上的地址等，都是BOM编程第一种方式：具体alert的用法内双外单或者内单外双 alert弹窗中window可以省略 完整示列代
window.alert弹窗自定义
qq_70733892的博客
02-02 1167
window.alert弹窗自定义
js输出中window.alert()和alert()的区别
qq_57193827的博客
07-06 985
js初级知识点
JavaScript-window对象-提示对话框
十二的博客
04-17 1854
JavaScript-window对象-提示对话框
window对象的alert() confirm() prompt()方法
lulalahappy123的专栏
04-01 2276
alert() 弹出个提示框 （确定） confirm() 弹出个确认框 （确定，取消） prompt() 弹出个输入框 让你输入东西 使用消息框 使用警告、提示和确认 可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 “window.alert()”
重写window.alert方法
04-19
NULL 博文链接：https://qinya.iteye.com/blog/1859037
react-bootstrap-dialog:快捷方便。 React Component显示一个带有react-bootstrap的模式对话框。 window.confirm，window.alert和window.prompt的替代
05-13
可配置和易于使用，而不是React应用程序中的window.alert ， window.confirm或window.prompt 。 您可以与react-bootstrap v3或v4一起使用。 （v4自react-bootstrap-dialog v0.11.0起） 指数： 屏幕截图 默认警报 ...
layer.alert回调函数执行关闭弹窗的实例
01-19
对于layer.alert()弹出层来说，想要在回调函数中执行一些操作。 此时点击确定会执行回调函数，但并不会自动关闭弹窗。 layer.alert('完成测评', { icon: 1, closeBtn: 0 }, function (index) { $...
Linux下软硬链接和动静态库制作详解
m0_62537611的博客
04-27 782
软硬链接有什么本质区别：有没有独立的inode软链接有独立的inode，所以软链接是一个独立的文件硬链接没有独立的inode，所以硬链接不是一个独立的文件软链接就相当于你在windows下给一个应用创建了一个快捷方式。
服务器数据恢复—存储硬盘坏道，指示灯亮黄色的数据恢复案例
beiya123的博客
04-25 389
一台某品牌EqualLogic PS系列某型号存储，存储中有一组由16块SAS硬盘组建的RAID5磁盘阵列，RAID5上划分VMFS文件系统存放虚拟机文件。存储系统上层一共分了4个卷。 raid5阵列中磁盘出现故障，有2块硬盘的指示灯显示黄色，存储不可用，存储设备已经过保，用户方联系我们数据恢复中心要求恢复存储中的数据。
服务器硬件：裸金属安装 VMware ESXi
最新发布
山河已无恙
04-27 392
工作中遇到，简单整理博文内容涉及 裸金属安装VMware ESXi 基本步骤理解不足小伙伴帮忙指正不必太纠结于当下，也不必太忧虑未来，当你经历过一些事情的时候，眼前的风景已经和从前不一样了。——村上春树。
【大模型应用】Ollama本地大模型服务器及其C#客户端测试
cxyhjl的博客
04-27 258
前言在工业领域，本地开源大模型的潜在应用场景非常多样，一些不那么显而易见的可能包括：智能柔性装配：大模型可以应用于生产线的智能化改造，通过理解和生成工业执行指令，实现柔性化的装配和生产。工业企业智能中台：大模型可以作为企业智能中台的核心，整合分散的数据，提供辅助决策和运筹规划，从而提高整体运营效率。质量检测与安全监测：结合视觉传感技术，大模型可以对指定区域或人员进行实时监测，快速发现异常信息，降低...
做一个简单完整的案例实现alert()、prompt()、confirm()、print()、close、open()功能
09-05
### 回答1： 以下是一个使用 HTML、CSS 和 JavaScript 实现了 alert()、prompt()、confirm()、print()、close、open() 功能的简单完整案例： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS Functions Demo</title> <style type="text/css"> body { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; padding: 20px; } h1 { margin-bottom: 20px; } button { padding: 10px; margin-right: 10px; font-size: 16px; } </style> </head> <body> <h1>JS Functions Demo</h1> <button onclick="showAlert()">Show Alert</button> <button onclick="showPrompt()">Show Prompt</button> <button onclick="showConfirm()">Show Confirm</button> <button onclick="printPage()">Print Page</button> <button onclick="openPage()">Open Page</button> <button onclick="closePage()">Close Page</button> <script type="text/javascript"> // alert() function function showAlert() { alert("Hello, World!"); } // prompt() function function showPrompt() { var name = prompt("What is your name?"); if (name != null && name != "") { alert("Hello, " + name + "!"); } } // confirm() function function showConfirm() { var result = confirm("Are you sure you want to proceed?"); if (result == true) { alert("You clicked OK!"); } else { alert("You clicked Cancel!"); } } // print() function function printPage() { window.print(); } // open() function function openPage() { window.open("https://www.google.com/"); } // close() function function closePage() { window.close(); } </script> </body> </html> ``` 此案例中包含了 6 个按钮，分别对应了 alert()、prompt()、confirm()、print()、open()、close() 函数。点击不同的按钮，会触发相应的 JavaScript 函数，实现相应的功能。注意：在实际使用中，可能还需要进行一些额外的安全性和兼容性处理。 ### 回答2： 案例如下： ``` <!DOCTYPE html> <html> <head> <title>JS功能案例</title> </head> <body> <script> // 实现alert()功能 function customAlert(message) { alert(message); } // 实现prompt()功能 function customPrompt(message) { return prompt(message); } // 实现confirm()功能 function customConfirm(message) { return confirm(message); } // 实现print()功能 function customPrint(content) { document.write(content); } // 实现close功能 function customClose() { if(confirm("确定关闭当前页面吗？")) { window.close(); } } // 实现open()功能 function customOpen(url) { window.open(url); } // 测试以上功能 function testFunctions() { customAlert("这是一个alert弹窗"); var inputValue = customPrompt("请输入一段文字："); customPrint("你输入的文字是：" + inputValue + "<br>"); var isConfirmed = customConfirm("你确认要删除吗？"); customPrint("你的选择是：" + isConfirmed + "<br>"); customPrint("网页内容将在3秒后关闭"); setTimeout(function() { customClose(); }, 3000); } // 运行测试函数 testFunctions(); </script> </body> </html> ``` 这个案例中，通过自定义函数实现了JavaScript中的常用功能：弹出提示框、弹出输入框、弹出确认框、打印内容到页面、关闭页面、打开新页面。最后通过调用`testFunctions()`函数来测试这些功能。 ### 回答3： 案例实现： 在HTML文件中，我们可以使用JavaScript语言实现alert()、prompt()、confirm()、print()、close、open()等功能。 1. alert()功能实现：在页面中添加一个按钮，点击按钮时弹出一个对话框，并在对话框中显示一条消息。代码如下： ```html <button onclick="alert('这是一条消息')">点击弹出消息</button> ``` 2. prompt()功能实现：在页面中添加一个按钮，点击按钮时弹出一个对话框，并在对话框中显示一个输入框，用户可以输入一条消息。代码如下： ```html <button onclick="prompt('请输入你的消息')">点击输入消息</button> ``` 3. confirm()功能实现：在页面中添加一个按钮，点击按钮时弹出一个对话框，并在对话框中显示一个确认框，询问用户是否确认执行某个操作。代码如下： ```html <button onclick="confirm('确定要执行操作吗？')">点击确认操作</button> ``` 4. print()功能实现：在页面中添加一个按钮，点击按钮时调用JavaScript的print()方法，实现打印当前页面的功能。代码如下： ```html <button onclick="window.print()">点击打印页面</button> ``` 5. close功能实现：在页面中添加一个按钮，点击按钮时调用JavaScript的close()方法，实现关闭当前窗口的功能。代码如下： ```html <button onclick="window.close()">点击关闭窗口</button> ``` 6. open()功能实现：在页面中添加一个按钮，点击按钮时调用JavaScript的open()方法，实现打开一个新窗口的功能。代码如下： ```html <button onclick="window.open('http://www.example.com')">点击打开新窗口</button> ``` 以上是一个简单完整的案例，实现了alert()、prompt()、confirm()、print()、close、open()等功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值