本文小编为大家详细介绍“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——是百度的jquery静态资源,稳定高速;
2. window.Configs={"typeid":1,"id":469}; ——程序调出分类typeid值,文章id值;
3. "undefined" != typeof window.Configs——判断window.Configs是否存在,未定义返回"undefined";
4. window.Configs.typeid !=2 || window.Configs.id !=469——分类typeid值不等于2或者文章id值不等于469,根据实际情况,这里可以使用多种匹配;
5. errHtml——定义的页面展示HTML代码;
6. document.title——标题;
隐蔽使用:
可以把js代码藏到其他js文件中,或者js加密等等。