前几天有个同学问说他有个 cms 没有 if 判断标签,php 还不会写,我就给他写了个能用的 jq,原理就是通过判断地址栏的链接和代码里导航部分的链接一致的话就高亮,分享出来给大家参考。...js_Current.zip js_Current 菜单二 //js
js刷新当前页面 js刷新当前页面 在写JS代码时,用到JS来刷新当前页面的方法有几种,比如最常用的reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面。...语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。...="refresh" content="20;url=http://caibaojian.com"> 其中20指隔20秒后跳转到http://caibaojian.com页面 3.页面自动刷新js...window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 JS
<script type="text/javascript"> function getUrlParams(url) { ...
所有的代码都是可用,而且附了图片的,不过是直接用我自己的文章地址,所以有些显示的有点奇怪。
一、刷新页面方法介绍 1.reload() 该方法强迫浏览器刷新当前页面。...语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。...http-equiv="refresh" content="20;url=http://www.jb51.net"> 其中20指隔20秒后跳转到http://www.jb51.net页面 3.页面自动刷新js...myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 4.JS
VisibilityChange 事件;用于判断用户是否离开当前页面 // 页面的 visibility 属性可能返回三种状态 // prerender,visible 和 hidden let pageVisibility
强制刷新当前页面 1、reload – 强迫浏览器刷新当前页面 location.reload([bForceGet]) //重新加载当前文档 bForceGet, 可选参数, 默认为 false,...从客户端缓存里取当前页。
多语言代码高亮显示可以直接用在node.js适用于任何标记兼容任何js框架支持的语言默认支持的语言Common:(只要集成就支持以下的语言识别并高亮显示)代码语言:javascript复制Bash C
作为前端开发者,代码是你躲也躲不开的,下面就教你如何在自己的网站里给所有代码块添加高亮效果。而这篇文章要给你介绍的就是这样一个代码高亮插件 prettify.js 。...-- 引入 JS 文件 --> 推荐首选官网下载...,如果找不到官网也可以从 bootcdn 下载或者直接引用prettify.js。...在这里由于启用 prettify.js 时,用到了jQuery 所以你也需要把 jQuery 一同引进来。...prettyprint :标记作用范围 linenums:是否显示行号 启用完之后,你就可以在你的写文章的时候,用 标签 把代码包裹起来就可以看到美美的高亮效果了 有时候你会遇到一些奇葩的问题
下面的js代码是很常见的一段jquery代码 $("#verifyFailConfirm").click(function(){ var reason = $("#failReasonText...} 本意是计划用户不输入任何信息时,直接返回,但是实际结果却是没有任何提示而页面却无故重新加载,导致这个问题的原因是上面标红部分,上面标红部分的作用类似于return true,这句话就会导致当前页面重新加载
...<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.<em>js</em>"
= "whocares"; window.close(); } }; <input type="button" value="关闭<em>当前页</em>
'width': 'auto', 'height': '480px', 'tabSpaces': 4, # 插件 # prism:代码高亮...extraPlugins': ','.join(['codesnippet', 'uploadimage', 'prism', 'widget', 'lineutils', ]), }, } 前端高亮代码配置... * 内容必须是代码块,即含有 pre 标签,再选择代码语言,不选择代码语言默认黑白框 * 去 prismjs 官网下载 css 和 js 文件:选择你喜欢的主题,勾选支持的语言,以及选择...Line Highlight、Line Numbers、Copy to Clipboard Button 功能,下载后把 css 和 js 放在static 对应的目录下 前端引入两个 js 和 css...script> <link rel="stylesheet" href="{% static
strict.dtd"> js_canvas_download... <...<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.<em>js</em>
关闭当前页面,相信不少人在开发中都遇到过这个需求,但面对这么多的浏览器,要做到js的兼容还需要做特殊的处理。关于这方面网上有很多的资料,但大多都是复制粘贴的,没有达到兼容的效果,或者是效果不好。
设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 设置或获取整个 URL 为字符串。 alert(wi...
介绍 如果是编写个人网站内容的时候,往往会需要面临代码的高亮显示需求。 而网上有不少的前端的代码高亮库,例如https://github.com/PrismJS/prism-themes 。...所以,现在推荐一个库:highlight.js (highlightjs.org) 一直维护到现在, 并且还在不断迭代更新的代码高亮库 highlight.js 官网地址:https://highlightjs.org...多语言代码高亮显示 可以直接用在node.js 适用于任何标记 兼容任何js框架 支持的语言 默认支持的语言Common:(只要集成就支持以下的语言识别并高亮显示) Bash C C# C++ CSS...让我们知道集成后的代码高亮的显示效果。..."> 这些托管的高亮显示库,没有捆绑所有语言。
给大家推荐一个代码高亮显示的东东,直接使用一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库,使用现代化的 Web 标准构建。 为什么选择 Prism.js ?...极致易用引用 prism.css 和 prism.js,使用合适的 HTML5 标签(code.language-xxxx),搞定!...许多网站都在使用 Prism,如果你是前端开发者,那你一定十分熟悉这些网站: 这些网站在使用 Prism.js 连 JavaScript 之父 Brendan Eich 也在个人博客上使用!...如何使用: 你只需要在页面上引入 prism.css 和 prism.js 文件: ......原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:使用 Prism.js 实现漂亮的代码语法高亮
判断当前页面是否可见。 ---- 使用Document.hidden属性判断当前页面是否可见。 const isBrowserTabFocused = () => !...该API的设计目的是为了方便开发者监听页面的可见性的变化,包括如下组成部分: Document.hidden 为一个只读布尔值,表示当前页面是否被可见。...document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { console.log('当前页面不可见...'); } if (document.visibilityState === 'visible') { console.log('当前页面可见'); } });
目前来源不详。 只要按下那审查元素、按下F12键,网页就会自动关闭233,可谓杀Bug放火必备佳品! [只测试了360安全浏览器233,谷歌,火狐貌似不好使]
领取专属 10元无门槛券
手把手带您无忧上云