2019-12-26 js的cookie操作 js的cookie操作 设置 cookie 的函数//设置cookie函数 function setCookie(cname, cvalue, exdays = 1) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } 上面这个函数的的参数是:cookie 的名字(cname),cookie 的值(cvalue),以及知道 cookie 过期的天数(exdays)。通过把 cookie 名称、cookie 值和过期字符串相加,该函数就设置了 cookie。获取 cookie 的函数//获取cookie函数 function getCookie(cname) { var na... 2019年12月26日 1,176 阅读 0 评论
2019-12-20 JQuery 如何获取select选中的值 JQuery 如何获取select选中的值 一、html代码<select id="ddl"> <option value="100" emoney="12" >选项1</option> <option value="200" emoney="13" >选项2</option> <option value="300" emoney="14" >选项3</option> </select> 二、js代码//获取属性emoney的值 var iteValue = $("#ddl").find("option:selected").attr("emoney"); console.log('emoney的值:' + iteValue); //获取选中项的value var itemValue1 = $("#ddl")... 2019年12月20日 1,020 阅读 0 评论
2019-12-20 JS获取键盘事件 JS获取键盘事件 <script type="text/javascript"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(e && e.keyCode==113){ // 按 F2 //要做的事情 } if(e && e.keyCode==13){ // enter 键 //要做的事情 } }; </script>... 2019年12月20日 1,079 阅读 0 评论
2019-11-01 Vue项目实用经验 Vue项目实用经验 开始vue项目首先安装node下载地址:https://nodejs.org/zh-cn/然后安装vue-cli脚手架npm install -g vue-cli vue-cli项目第一步创建名为 zhizun的项目~~..... $ vue init webpack zhizun 项目回答Project name:项目名称 Project description:项目描述 Author:作者 Runtime-only:构建方式,分为独立构建和运行构建,默认选择 standalone vue-router:是否安装路由 ESLint: ESLint规范,有标准的缩进、空格等规范 可以选 N Set up unit tests: N Setup e2e tests with Nightwatch: N 完成后,执行进入到项目文件里$ cd zhizun 本地服务器运行,出来一个测试地址$ npm run dev ····································································安装cnpm淘宝镜像npm i... 2019年11月01日 1,191 阅读 0 评论
2019-10-31 JS页面跳转大全 JS页面跳转大全 所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成js链接,但这是一个比较严重的蜘蛛陷阱,无论是SEO人员还是网站设计人员应当尽力避免。常用的JS页面跳转代码调用大全-马海祥博客很多站长在制作网站的时候,为了某种展示或SEO优化的目的,常常需要利用js跳转效果,所以对于一个站长或SEO来说,熟练的掌握或使用js技术(具体可查看马海祥博客《JavaScript是什么?JavaScript功能有哪些》的相关介绍),已成为一门必学的技能了。在我这么多年做SEO的过程中,也收集和使用了很多的js代码,今天我就借助马海祥博客的平台跟大家分享一些常用的js页面跳转代码,希望能对大家有所帮助。一、常规的JS页面跳转代码1、在原来的窗体中直接跳转用<script> window.location.href="你所要跳转的页面"; </script>... 2019年10月31日 1,048 阅读 0 评论
2019-10-18 js与或非 js与或非 1、逻辑与(&&)(1)对于布尔值,只有都为true才返回true;(2)对于不是布尔值的情况则:如果第一个操作数是对象,则返回第二个数 eg:var str = new Array(); console.log(str&&8);//返回值为8 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象。如果第两个操作数都是对象,则返回第二个数操作数。如果有一个操作数是null,则返回null。eg: console.log(8&&null);//返回结果为null 如果有一个操作数是NaN,则返回第NaN。如果第一个操作数是undefined,则返回undefined。2.逻辑或(||)(1)对于布尔值,逻辑或是非常简单的,只要有一个true,就返回true;(2)对于不是布尔值的情况则:如果第一个操作数是对象,则返第一个操作数如果第一个操作数的求值结果为false,则返回第二个操作数如果两个操作数都是对象,则返回第一个操作数如果两个操作数是null,则返回null如果两个操作数是NaN,则返回NaN如果两个操... 2019年10月18日 1,033 阅读 0 评论
2019-10-10 js点击复制内容 js点击复制内容 使用方法很简单,把.btn改成你需要点击复制的元素里的class或者id,再把www.zzwws.cn替换你需要点击复制的内容即可!<script src="https://cdn.bootcss.com/clipboard.js/1.5.15/clipboard.min.js"></script> <script> // 第一种,点击btn按钮,直接通过text直接返回复印的内容 var clipboard = new Clipboard('.btn', { // 最新版本用ClipboardJS() text: function() { return 'www.zzwws.cn'; } }); // 第二种 /* 剪切 <textarea id="bar">Mussum ipsum cacilds...</textarea> <button class="... 2019年10月10日 1,254 阅读 0 评论
2019-09-29 JS代码实现鼠标点击特效和背景特效 JS代码实现鼠标点击特效和背景特效 使用非常简单,需要在哪个页面显示就把代码放到哪个页面就行。第一种: <script> !function(e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y--, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = "left:" + s[e].x + "px;top:" + s[e].y + "px;opacity:" + s[e].alpha + ";transform:scale(" + s[e].scale + "," + s[e].scale + ") rotate(45deg);background:... 2019年09月29日 986 阅读 0 评论
2019-09-25 javascript修改浏览器title方法 JS动态修改浏览器标题 javascript修改浏览器title方法 JS动态修改浏览器标题 给大家讲一个用javascript修改浏览器title方法和技巧,需要的朋友把代码测试吧。title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用document.getElementsByTagName("title")[0].innerHtml用更改它的值。经测试原生js有两种方式可以修改,jQuery中也能简单设置。不清楚的小伙伴们可以了解一下。innerText 方式通过console.log(document.getElementsByTagName("title")[0]),发现能打印出标签,标签里面只有文字节点,故猜测只能识别TextNode,所以用innerText方式设置title的值,果然成功了。document.getElementsByTagName("title")[0].innerText = '需要设置的值'; document.title方式经过测试,还可通过document.title 设置title的值... 2019年09月25日 924 阅读 0 评论
2019-09-18 Typecho实现图片懒加载(lazyload) Typecho实现图片懒加载(lazyload) 基于 jQuery 的图片延迟加载插件,在用户滚动页面到图片之后才进行加载。对于有较多的图片的网页,使用图片延迟加载,能有效的提高页面加载速度。注意事项:需要真正实现图片延迟加载,必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同,则只是一个特效而已,并不达到延迟加载的功能。1、修改 HTML 代码中需要延迟加载的 img 标签<img class="lazy" src="img/loading.gif" data-original="example.jpg"> // 或者 <img class="lazy" data-original="example.jpg"> Typecho在主题文件 index.php 找到:<img src="<?php echo articleThumb($this);?>" alt="<?php $this->... 2019年09月18日 9,144 阅读 20 评论