和alert（）说再见

最新推荐文章于 2022-01-06 17:53:47 发布
最新推荐文章于 2022-01-06 17:53:47 发布
阅读量87 收藏
点赞数
分类专栏： 程序天空 文章标签： IE Firebug 大众软件 JavaScript Firefox ViewUI

　　今天网上随便了溜达了一圈，发现了一个很好的javascript调试器，类似于java的控制台功能，以往调试javascript会输出n个alert的断点，调试很花时间。尽管这样的一个工具，很简单，自己也可以糊弄一个，网上既然提供了一个那又何必自己写呢，我只写网上没有的，哈哈，又开始吹了！

 

　　我写了一个很小的测试工具，供大家参考，代码如下 ：

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
input {
    border:1px solid #000000;
    width:100px;
}
table{
    border:1px solid #000000;
    width:600px;
}
td{
    padding:5px;
}
</style>
<script type="text/javascript" src="blackbird.js"></script>
<link type="text/css" rel="Stylesheet" href="blackbird.css" />
<script language="JavaScript">
<!--
var NAMESPACE = "bb" ;
//-->
</script>
</head>

<body>

<table>
<tr>
	<td><input type="button" value="显示/隐藏" οnclick="log.toggle()"/></td>
	<td>log.toggle( )</td>
    <td>显示/隐藏调试信息面板</td>
</tr>
<tr>
	<td><input type="button" value="改变大小" οnclick="log.resize()"/></td>
	<td>log.resize( )</td>
	<td>改变面板大小</td>
</tr>
<tr>
	<td><input type="button" value="调试" οnclick="log.debug('debug') "/></td>
	<td>log.debug( Message )</td>
	<td>输出调试信息</td>
</tr>
<tr>
	<td>
    <input type="button" value="消息" οnclick="log.info(window.prompt('请输入值！','请输入值')) "/>
    </td>
	<td>log.info( Message )</td>
	<td>输出消息</td>
</tr>
<tr>
	<td><input type="button" value="警告" οnclick="log.warn('worn') "/></td>
	<td>log.warn( warn )</td>
    <td>输出警告</td>
</tr>
<tr>
	<td><input type="button" value="错误" οnclick="log.error('error') "/></td>
	<td>log.error( reeor )</td>
    <td>输出错误信息</td>
</tr>
<tr>
	<td><input type="button" value="计时" οnclick="log.profile('local anchors') "/></td>
	<td>log.profile( profile )</td>
    <td>开始/结束计时</td>
</tr>

<tr>
	<td><input type="button" value="清空" οnclick="log.clear() "/></td>
	<td>log.profile( )</td>
	<td>清空调试消息</td>
</tr>
</table>

<br><br>
<table>
<tr>
	<td>F2</td>
	<td>显示/隐藏</td>
</tr>
<tr>
	<td>Shift＋F2</td>
	<td>移 动（move）</td>
</tr>
<tr>
	<td>Alt ＋ Shift ＋ F2</td>
	<td>清 空</td>
</tr>
<tr>
	<td colspan="2">单击左上图标可以进行类型过滤；或者Alt ＋ 单击</td>
</tr>
</table>

</body>
</html>

 

 

注意最顶端的一行代码，很重要

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 我刚开始，就是因为这里没有写完整，一直都不能显示。

 

同时我将其源码js、css和图片提供给大家，让我们和alert说再见吧。

hzw_happy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
扰流警报「Spoiler Alert」-crx插件
03-23
阻止来自Facebook新闻传送的潜在电视节目和体育剧透。 SpoilerAlert是一款谷歌浏览器...现在，与SpoilerAlert说再见那些不必要的职位！只要告诉我们你要遵循什么，剩下的就做好了。 支持语言:English (United States)
JQuery Tips相关(1)—-关于$.Ready()
12-11
总的来说，$(document).Ready()、OnLoad事件和$(window).load()都是确保代码在适当时间执行的方法，各有优缺点。理解它们之间的区别和适用场景，能帮助开发者编写出更加高效、流畅的前端代码。在实际项目中，根据...
sweetalert弹框组件使用
从零开始的异世界JAVA学习
01-06 917
在写某个案例时,发现用原生态的alert弹框效果比较差; 然后就搜索搜索,发现了sweetalert这款弹框组件; 地址—>sweetalert 本次案例中,我使用的是1.1.3版本的–>https://www.bootcdn.cn/sweetalert/1.1.3/ 然后将这两个下载到了本地 在页面头部引用即可 我是在一个退出登录的点击事件上使用的; //点击退出; function logout() { //获取登录用户的名称; var userName = window
原生JS自定义alert和confirm
daodfs1的博客
08-15 1120
预览图 低版本IE无发光效果 话不多说，上代码 image目录下的png图片资源 目录结构 CSS代码 dialog.css html, body { margin: 0; padding: 0; } body { font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; _background-attachment: fixed; _background-image: url(about:
alert，confirm和prompt
weixin_33670786的博客
07-11 86
1.警告消息框alertalert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎！请按“确定”继续。"); 2.确认消息框confirm 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单...
js中的弹窗alert、confirm和prompt
于大大大洋
08-09 1657
alert() 弹出个提示框 （确定）  confirm() 弹出个确认框 （确定，取消）  prompt() 弹出个输入框 让你输入东西 使用消息框  使用警告、提示和确认  可以使用警告、确认和提示消息框来获得用户的输入。这些消息框是 window 对象的接口方法。由于 window 对象位于对象层次的顶层，因此实际应用中不必使用这些消息框的全名（例如 "window.alert
JavaScript消息提示框alert和confirm
吴晓如
08-14 1660
引入：     昨天弄了一天的订餐系统为了实现二次提示，之前那个用的是alert消息提示，现在需求需要有选择可以选择是或否，于是找到了confirm。 介绍：   alert方法：    只有一个参数，即希望对用户显示的文本字符串。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。  代码： w
html对话框alert,confirm,prompt用法汇总
热门推荐
白衣
02-02 2万+
html页面简单的三种对话框如下： 1、alert()，最简单的提示框： alert("你好！"); 2、confirm()，有确认和取消两个按钮： if(confirm("还有继续吗？")){ alert("继续"); }else{ alert("再见"); } 3、prompt()，可以输入信息： var name = promp
JavaScript三种弹出框（alert、confirm、prompt），一次性全弄清！
路虽远，行则必至！
05-20 1万+
一、alert() 弹出个提示框 （确定） 警告消息框alert alert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 alert("欢迎！请按“确定”继续。"); 二、confirm() 弹出个确认框 （确定，取消） 确认消息...
【JavaScript】———alert ,confirm ,prompt 的区别和用法
严文文 Chris
07-04 394
1.警告消息框alertalert 方法有一个参数，即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框，并且该消息框是模式对话框，也就是说，用户必须先关闭该消息框然后才能继续进行操作。 window.alert("欢迎！请按“确定”继续。"); 2.确认消息框confirm 使用确认消息框可向用户问一个“是-或-否”问题，并且用户可以选择单...
BaaS让你快速开发APP，和服务端说再见
做更好的自己
10-30 5840
作为移动应用个人开发者或者小团队，经常纠结的一个问题就是我会APP（Android/IOS）开发，但是繁重服务端开发我没有这个能力，这时你就会思考，有没有公司提供一种专门为APP提供服务端开发的服务呢？这样我们就可以不用自建服务器，从而可以专心的做好产品。        BaaS(Backend as a Service，后端即服务)模式即可满足你的要求。        所谓BaaS服务，简单
jsalert,confirm,prompt的用法(附加一段有用的alert代码.pdf
11-16
总的来说，`alert()`、`confirm()`和`prompt()`是JavaScript中最基础的用户交互手段，虽然简单但功能实用。理解并合理运用它们，可以帮助开发者构建更加互动和友好的网页应用程序。然而，为了提供更高级的用户体验，...
javascript中运用闭包和自执行函数解决大量的全局变量问题
12-02
但是从全局看来，这样会导致出现一些让我们难以掌控的情况的出现：变量... // 定义一个全局变量 var msg2 = “再见！” //定了另一个全局变量 [removed] = function() { alert(msg1); } [removed] = function()
JavaScript入门教程(11) js事件处理
11-30
')" onunload="alert('再见！')"> ``` 这样，当页面加载完毕或关闭时，对应的警告框会被显示。 2. **方法二：编写特定对象特定事件的JavaScript**。这种方式相对较少用，但有时非常有用。例如： ```html ...
QTQTQTQTQTQTQTQTQTQTQTQTQTQTQT
最新发布
08-07
QTQTQTQTQTQTQTQTQTQTQTQTQTQTQT
薪酬设计薪资规划与晋升制度.ppt
08-07
薪酬设计薪资规划与晋升制度.ppt
Exaros（艾克萨罗斯），C 语言开发的基于 RISCV 的操作系统.zip
08-07
优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。 本人系统开发经验充足，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（若有），项目具体内容可查看下方的资源详情。 【附带帮助】： 若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。 【本人专注计算机领域】： 有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。 【适合场景】： 相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能 【无积分此资源可联系获取】 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。积分/付费仅作为资源整理辛苦费用。
杰出班组长训练营.ppt
08-07
杰出班组长训练营.ppt
alert和confirm
06-03
alert和confirm都是JavaScript的弹窗函数。 alert函数用于显示一个警告框，其中包含一条消息和一个“确定”按钮。当用户单击确定按钮时，警告框将关闭。alert的语法如下： ``` alert(message); ``` 其中，message...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值