广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >javascript如何实现容错处理代码
  • 493
分享到

javascript如何实现容错处理代码

2024-04-02 19:04:59 493人浏览 独家记忆
摘要

这篇文章主要介绍了javascript如何实现容错处理代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。第一种:编程网在用的 <SCR

这篇文章主要介绍了javascript如何实现容错处理代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

第一种:编程网在用的

<SCRIPT language=javascript> 
<!-- 
window.onerror=function(){return true;} 
// --> 
</SCRIPT>

使用方法:把以上代码加到你出错网页的head区域就可以了。

第二种:针对的是有时候因为一些脚本错误的,导致页面无法继续浏览,这个问题是非常严重的,用户的大量流失,或根本无法查看你的网站内日

这个不是简单的脚本错误的问题了,主要是代码作者没有考虑完善,一定要好好的修改下, 不过如果你真的不会,那就用这样的代码吧

try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。

语法:

复制代码 代码如下:

try 
{ 
//在此运行代码 
} 
catch(err) 
{ 
//在此处理错误 
}

注意:try...catch 使用小写字母。大写字母会出错。

实例 1

下面的例子原本用在用户点击按钮时显示 "Welcome guest!" 这个消息。不过 message() 函数中的 alert() 被误写为 aDDDlert()。这时错误发生了:

<html> 
<head> 
<script type="text/javascript"> 
function message() 
{ 
adddlert("Welcome guest!") 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

我们可以添加 try...catch 语句,这样当错误发生时可以采取更适当的措施。

下面的例子用 try...catch 语句重新修改了脚本。由于误写了 alert(),所以错误发生了。不过这一次,catch 部分捕获到了错误,并用一段准备好的代码来处理这个错误。这段代码会显示一个自定义的出错信息来告知用户所发生的事情。

<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("Welcome guest!") 
} 
catch(err) 
{ 
txt="此页面存在一个错误。\n\n" 
txt+="错误描述: " + err.description + "\n\n" 
txt+="点击OK继续。\n\n" 
alert(txt) 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

实例 2

下一个例子会显示一个确认框,让用户来选择在发生错误时点击确定按钮来继续浏览网页,还是点击取消按钮来回到首页。如果 confirm 方法的返回值为 false,代码会把用户重定向到其他的页面。如果 confirm 方法的返回值为 true,那么代码什么也不会做。

<html> 
<head> 
<script type="text/javascript"> 
var txt="" 
function message() 
{ 
try 
{ 
adddlert("Welcome guest!") 
} 
catch(err) 
{ 
txt="There was an error on this page.\n\n" 
txt+="Click OK to continue viewing this page,\n" 
txt+="or Cancel to return to the home page.\n\n" 
if(!confirm(txt)) 
{ 
document.location.href="Http://www.w3school.com.cn/" 
} 
} 
} 
</script> 
</head> 
<body> 
<input type="button" value="View message" onclick="message()" /> 
</body> 
</html>

感谢你能够认真阅读完这篇文章,希望小编分享的“javascript如何实现容错处理代码”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网VUE频道,更多相关知识等着你来学习!

--结束END--

本文标题: javascript如何实现容错处理代码

本文链接: https://www.lsjlt.com/news/72877.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript如何实现容错处理代码
    这篇文章主要介绍了javascript如何实现容错处理代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。第一种:编程网在用的 <SCR...
    99+
    2022-10-19
  • 如何进行C++代码的容错处理?
    如何进行C++代码的容错处理摘要:容错处理是编程中非常重要的一环,特别是在C++代码中。本文将介绍一些常见的C++代码容错处理的方法,并提供一些示例代码说明如何避免常见的错误和异常。引言:C++是一种强大的编程语言,但它也有一些让人困惑的特...
    99+
    2023-11-02
    容错处理 (Error Handling) C++代码 (C++ code) 容错机制 (Fault-tolerant
  • 如何使用批处理实现一行内容分行输出的代码
    小编给大家分享一下如何使用批处理实现一行内容分行输出的代码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!a.txt: aA1一bB2二cC3三dD4四eE5五fF...
    99+
    2023-06-08
  • JavaScript如何实现代码整洁
    这篇文章主要介绍JavaScript如何实现代码整洁,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!概述一张幽默的图片:软件质量通过你在阅读代码的时候有多少报怨来进行评估Robert ...
    99+
    2022-10-19
  • JavaScript中怎么实现错误处理
    JavaScript中怎么实现错误处理,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。使用 Promise 处理错误为了演示 Promise...
    99+
    2022-10-19
  • PHP7中的异常处理:如何提高代码的健壮性和容错性?
    PHP7中的异常处理:如何提高代码的健壮性和容错性?引言:异常处理是软件开发中非常重要的一环,它可以提高代码的健壮性和容错性。PHP7中引入了新的异常处理机制,使得开发者可以更加方便地处理错误和异常情况。本文将探讨PHP7中的异常处理机制,...
    99+
    2023-10-22
    异常处理 容错性 健壮性
  • css如何实现通用兼容性代码
    这篇文章给大家分享的是有关css如何实现通用兼容性代码的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在css处开头加入 *{margin:0; pading:0; bo...
    99+
    2022-10-19
  • 如何实现FTP整站上传的批处理代码
    这篇文章主要介绍了如何实现FTP整站上传的批处理代码,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。@echo offrem 设置FTP服务器地址set&n...
    99+
    2023-06-08
  • 怎么用Javascript AJAX代码实现图书管理
    今天小编给大家分享一下怎么用Javascript AJAX代码实现图书管理的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。1、...
    99+
    2023-06-29
  • 3行代码实现 Python 并行处理,速
    来源 | towardsdatascience.com 编译 | 数说君 出品 | 数说工作室 原标题:Here’s how you can get a 2–6x speed-up on your data pre-processing...
    99+
    2023-01-31
    代码 Python
  • 如何用代码实现JavaScript MVC样式框架
    这篇文章将为大家详细讲解有关如何用代码实现JavaScript MVC样式框架,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。Download JavaScr...
    99+
    2022-10-19
  • js分页之如何实现前端代码和请求处理
    小编给大家分享一下js分页之如何实现前端代码和请求处理,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体内容如下index.html<!DOCTYPE html> &...
    99+
    2022-10-19
  • 不容错过的HashMap实现原理及源码分析
    哈希表(hash table)也叫散列表,是一种非常重要的数据结构,应用场景及其丰富,许多缓存技术(比如memcached)的核心其实就是在内存中维护一张大的哈希表,而HashMap的实现原理也常常出现在各类的面试题中,重要性可见一斑。本文...
    99+
    2023-06-02
  • 批处理如何实现数码雨
    小编给大家分享一下批处理如何实现数码雨,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!代码如下:@echo off color 0a :start set num=...
    99+
    2023-06-09
  • Android图片实现压缩处理的实例代码
    整理文档,搜刮出一个Android图片实现压缩处理的实例代码,稍微整理精简一下做下分享。详解:获取本地图片File文件 获取BitmapFactory.Options对象 计算原始图片 目标图片宽高比 计算输出的图片宽高根据...
    99+
    2023-05-30
    android 图片 压缩
  • Spring源码如何实现动态代理
    小编给大家分享一下Spring源码如何实现动态代理,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!注:这里不阐述Spring和AOP的一些基本概念和用法,直接进入正题。流程  Spring所管理的对象大体会经过确定实例化对象...
    99+
    2023-06-14
  • 如何在PHP微服务中实现分布式故障和容错处理
    在现代的分布式系统中,故障和容错是不可避免的问题。特别是在微服务架构中,每个服务都是相对独立的,它们之间的通信是通过网络进行的,这使得系统更加复杂,也更容易发生故障。为了保证系统的稳定性和可靠性,我们需要在PHP微服务中实现分布式故障和容错...
    99+
    2023-10-21
    PHP微服务 容错处理 分布式故障处理
  • SQL Server中如何实现错误处理
    今天小编给大家分享一下SQL Server中如何实现错误处理的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、SQ...
    99+
    2023-06-30
  • Spring实现处理跨域请求代码详解
    一次正常的请求最近别人需要调用我们系统的某一个功能,对方希望提供一个api让其能够更新数据。由于该同学是客户端开发,于是有了类似以下代码。@RequestMapping(method = RequestMethod.POST, value ...
    99+
    2023-05-30
    spring 跨域请求 处理跨域
  • 如何实现备份网站内容的shell脚本代码
    这篇文章主要介绍如何实现备份网站内容的shell脚本代码,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!备份网站内容 代码如下:#!/bin/bash#指定运行的脚本shell#运行脚本要给用户执行权限bakdir=/...
    99+
    2023-06-09
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作