JavaScript

js实现禁止浏览器后退操作的方法 - 鹿泽笔记

js实现禁止浏览器后退操作的方法

页面执行完成后,如果浏览器后退一步再次请求,会产生两次执行效果。为了避免这种事的发现,就想到了用js脚本代码来禁止浏览器的后退操作。 试了网上不少的js禁止浏览器后退的代码,发现只有下...
2024-07-20 11:21
80
网站使用JS来禁止复制粘贴和另存为的方法 - 鹿泽笔记

网站使用JS来禁止复制粘贴和另存为的方法

在前端的web页面中,可以使用js的脚本代码,来禁止复制粘贴以及另存为来保证网页的内容不被其它人轻易的复制走,下面来说说方法。 1、禁止鼠标右键以及使复制失效的方法 方法一: <script la...
2024-07-20 10:08
30
WordPress防复制代码的教程 - 鹿泽笔记

WordPress防复制代码的教程

通过下面的JS代码,可以有效地防止别人直接复制拷贝文章,用frame标签引用文章时,会自动跳转到文章正常链接,同时禁止右键菜单。 使用方法一: 打开当前主题头部模板header.php找到:将下面代...
2024-07-09 15:20
50
JavaScript实现剪贴板里自动加上版权出处的教程 - 鹿泽笔记

JavaScript实现剪贴板里自动加上版权出处的教程

JavaScript如何实现复制文本添加出处,下面来看看剪贴板里自动加上版权出处的技术js如何实现。 可以用如下代码实现: <script> function addLink() { var body_element = document.body; var...
2024-07-04 08:53
50
网站根据时间显示不同的问候语的JavaScript代码教程 - 鹿泽笔记

网站根据时间显示不同的问候语的JavaScript代码教程

关于根据时间显示不同的问候语的JavaScript代码问题,整理的一些代码在这里分享出来。 <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <ti...
2024-06-14 14:10
190
JavaScript实现电脑手机端网页跳转的教程 - 鹿泽笔记

JavaScript实现电脑手机端网页跳转的教程

这个代码放在PC模板的代码里面 <script type='text/javascript'> //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform;...
2024-06-14 13:49
80
JavaScript实现按秒倒计时的方法 - 鹿泽笔记

JavaScript实现按秒倒计时的方法

实现原理:使用setTimeout函数定时调用自身,每隔1s执行一次,实现方法如下: //计时器 function timing(seconds){ times = seconds - 1; if(times <= 0){ $('#countdown').html('<em sty...
2024-06-13 09:58
30
记录下js的优秀写法 - 鹿泽笔记

记录下js的优秀写法

很多js的优秀写法能简化我们的代码数量,而且能有效的执行,写出优秀的代码是一个程序员的追求。 // 多条件判断的精简写法 const options ['si','xue','tang']; if (options.includes(value...
2024-05-28 09:57
100
JavaScript数组去重方法盘点 - 鹿泽笔记

JavaScript数组去重方法盘点

在开发 JavaScript 应用程序时,经常遇到需要对数组进行去重的情况。 方法一:使用 Set 数据结构 const array = [1, 2, 3, 3, 4, 4, 5]; const uniqueArray = [...new Set(array)]; con...
2024-05-21 09:12
90
JavaScript是什么?JS的定义是什么? - 鹿泽笔记

JavaScript是什么?JS的定义是什么?

JavaScript,也称为JS,是一种轻量级的编程语言,通常使用在Web应用程序中,用于交互式的前端开发。JS是一种高级语言,支持面向对象的编程范式,并且可以通过编写事件驱动的代码来实现动态交互...
2024-05-21 08:45
211
JS判断字符是否为纯数字的方法 - 鹿泽笔记

JS判断字符是否为纯数字的方法

用正则表达式进行判断,代码: function isNum (str){ var pattern=/^\d+$/g; var result= String(str).match(pattern); if (result==null){ return false; }else{ return true; } } 运行结果:
2024-05-06 14:30
460
导航栏吸顶简单代码的教程记录 - 鹿泽笔记

导航栏吸顶简单代码的教程记录

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的...
2024-04-19 10:11
660
网页中JavaScript的书写位置 - 鹿泽笔记

网页中JavaScript的书写位置

1.写在行内 <input type='button' value='按钮' onclick='alert('Hello World')' /> 2.写在script标签中 <head> <script> alert('Hello World!'); </script></head> 3.写在外部j...
2024-04-15 14:29
710
网站页面用js实现倒计时的代码 - 鹿泽笔记

网站页面用js实现倒计时的代码

js获取当前日期时间的代码 //获取当前日期时间 var date=new Date(); //年 var year=date.getFullYear(); //月 var month=date.getMonth()+1; //日 var day=date.getDate(); //时 var hour=date...
2024-04-15 14:15
610
Web JavaScript 防调试代码 - 鹿泽笔记

Web JavaScript 防调试代码

屏蔽F12 禁用F12,并弹出提示框 //只屏蔽F12 并提示 document.onkeydown = function(){ if(window.event && window.event.keyCode == 123) { alert('F12被禁用'); event.keyCode=0; eve...
2024-04-12 11:44
740
javascript实现鼠标悬停变色效果的方法 - 鹿泽笔记

javascript实现鼠标悬停变色效果的方法

javascript实现鼠标悬停变色的方法:1、元素绑定onmouseover事件,并设置事件处理函数;2、在事件处理函数中,使用“元素对象.style.颜色属性名='颜色值';”语句设置当触发悬停事件时,元素颜色...
2024-04-07 11:28
690
js(jQuery)控制html元素隐藏的方法 - 鹿泽笔记

js(jQuery)控制html元素隐藏的方法

有时候我们会根据不同情况,隐藏某些html标签,利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位...
2024-04-03 16:08
570
JQuery实现带倒计时按钮的代码 - 鹿泽笔记

JQuery实现带倒计时按钮的代码

现在经常会遇到一些强制要求阅读协议的需求,例如必须阅读10秒或者滚动阅读完毕,今天我们来实现一下强制阅读5秒后才能点击下一步。 <!DOCTYPE html> <html> <head>     <meta ...
2024-03-05 15:20
630