«

js怎么实现无刷新跳转404页面不存在效果

时间:2024-5-9 09:39     作者:韩俊     分类: Javascript


本文小编为大家详细介绍“js怎么实现无刷新跳转404页面不存在效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“js怎么实现无刷新跳转404页面不存在效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

html代码示例如下,注意需要jquery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>测试404页面不存在</title>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript">window.Configs={"typeid":1,"id":469};</script>
<script>
  if ("undefined" != typeof window.Configs && (window.Configs.typeid !=2 || window.Configs.id !=469)) {
    var errHtml = '<div class="error-page-wrap"><em>404</em><h2>u62b1u6b49uff01u60a8u8bbfu95eeu7684u9875u9762u4e0du5b58u5728</h2><p>u00b7u8be5u9875u9762u53efu80fdu5df2u7ecfu5220u9664u6216u66f4u540d
u00b7u8bf7u68c0u67e5u8f93u5165u7684u5730u5740u662fu5426u6b63u786e</p><a href="https://www.maopiaopiao.com">

代码讲解:

1. https://apps.bdimg.com/libs/jquery/1.11.3/jquery.min.js&mdash;&mdash;是百度的jquery静态资源,稳定高速;

2. window.Configs={"typeid":1,"id":469}; &mdash;&mdash;程序调出分类typeid值,文章id值;

3. "undefined" != typeof window.Configs&mdash;&mdash;判断window.Configs是否存在,未定义返回"undefined";

4. window.Configs.typeid !=2 || window.Configs.id !=469&mdash;&mdash;分类typeid值不等于2或者文章id值不等于469,根据实际情况,这里可以使用多种匹配;

5. errHtml&mdash;&mdash;定义的页面展示HTML代码;

6. document.title&mdash;&mdash;标题;

隐蔽使用:

可以把js代码藏到其他js文件中,或者js加密等等。

标签: javascript

热门推荐