Javascript & Jquery
关注
分享
扫一扫
文章平均质量分 57
PeakXin
Always keep a learning heart.
展开
-
浏览器 Cookie 的使用
Cookie介绍主要用于存储访问过的网站数据，把浏览器的信息存储到本地电脑中，实现客户端和服务器端的通讯。Cookie特点以文本形式保存(.txt)Cookie存储信息不安全（不能存放重要的信息）Cookie中有域（domain）和路径的概念,浏览器是一个比较安全的环境，所以不同的域之间不能直接访问（js的同源策略限制）Cookie的常用属性Name：cookie的名字(键)Value：cookie存放的值Expires：指cookie过期的时间（该时间为世界时间 UTC时间）也称原创 2022-04-12 15:53:45 · 1575 阅读 · 0 评论 -
JS 倒计时定时器
JS 60秒倒计时代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2022-03-04 09:43:26 · 415 阅读 · 0 评论 -
JS实现复制到剪贴板功能
原生JS实现原生JS，先使用 select() 选中输入框文本，然后使用 document.execCommand("Copy")复制到剪贴板前提条件select() 方法只对 <input> 和 <textarea> 有效输入框不能有disabled属性输入框不能有hidden属性输入框的 width 和 height 不能为0实现代码HTML<div> <input id="copyInput" type="text" value原创 2021-11-12 11:13:26 · 868 阅读 · 0 评论 -
JS 实现表单多条同样name的数据统计
在前端开发过程中，我们会遇到form表单中name值相同数据的计算，比如，在结算中，可添加多条结算数据下面就以实际代码来解决这问题，此实例用了layui框架来获取表单的数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...原创 2019-11-19 12:30:22 · 1046 阅读 · 0 评论 -
preventDefault与stopPropagation的作用
preventDefault() 方法定义：取消事件的默认动作。说明：该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作...原创 2018-11-21 10:17:26 · 1977 阅读 · 0 评论 -
RequireJS基础
1、为什么使用RequireJS有效的防止命名冲突声明不同js文件之间的依赖可以让我们的代码以模块化的方式组织2、下载地址： 官网：http://requirejs.org/ 下载精简版就可以。 3、RequireJS常用的方法 1)requirejs.config(指定模块别名，方便引入) 2)requirejs(引入模块，编写组代码)原创 2015-06-29 14:36:03 · 552 阅读 · 0 评论 -
规范 JS 写法的几点建议
1、定义常量例子：$(element).on('keydown', function(e) { if (e.keyCode == 13) { //code... }});那么13代表什么呢，查看对照表会知道13代表 回车按键 ，当然你也可以加上注释，如果 KEY_ENTER = 13 定义为常量，理解起来就好多了。var KEY_ENTER = 13;$(element).on(原创 2017-11-10 11:16:44 · 441 阅读 · 0 评论 -
jquery 选择器 之 模糊匹配
一、按name获取元素 1、获取 name 为 abc 的所有input的jquery对象$("input[name='abc']");2、获取 name 前缀为 abc 的所有input的jquery对象$("input[name^='abc']");3、获取 name 后缀为 abc 的所有input的jquery对象 $("input[name$='abc']");4、获取 name 中包含原创 2017-09-26 11:13:33 · 850 阅读 · 0 评论 -
Jquery中attr()和prop()的区别
区别： 1. 对于HTML元素本身就带有的固有属性，在处理时，使用prop()方法。 2. 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr()方法。举例说明：例子1、<a href="http://www.taobao.com" target="_blank" class="btn">淘宝</a>这个例子里a标签元素的DOM属性有“href、target和class”，这原创 2017-08-08 11:22:21 · 268 阅读 · 0 评论 -
JavaScript之变量
一、命名1、方法i.匈牙利命名变量名 = 类型 + 对象描述 类型：Int 整型 iFloat 浮点 flBoolean 布尔 bString 字符串 sArray 数组 aObject 对象 oFunction 函数 fnRegular Expression 正则 reii.驼峰命名法a.全部小写单词与单词之间用下划线分割b.大小写混合大驼峰：每个单词首字母大写 小驼峰：第一转载 2016-03-28 10:44:17 · 446 阅读 · 0 评论 -
JS实现复制到剪贴板功能
版本一 使用Zero ClipboardZero Clipboard的官方地址：http://zeroclipboard.org/，github地址：https://github.com/zeroclipboard/ZeroClipboard<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ze原创 2016-01-07 13:45:37 · 688 阅读 · 0 评论 -
JS 跳转到指定链接
JS 跳转到指定链接方法一：<script type ="text/javascript"> window.location= "http://www.baidu.com";</script>方法二：<script language="javascript"> document.location = "http://www.baidu.com";</script>方法三：（带进度原创 2015-12-16 10:20:09 · 8084 阅读 · 2 评论 -
JS正则表达式验证IP地址
<script type="text/javascript">var ip="255.255.255.255"; alert(isIP(ip)); alert(isIP2(ip)); function isIP(ip) { var reSpaceCheck = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/; if (reSpaceCheck.转载 2015-11-26 13:34:25 · 4610 阅读 · 0 评论 -
js 放置位置
我们可以将JavaScript代码放在html文件中任何位置，但是我们一般放在网页的head或者body部分。放在部分最常用的方式是在页面中head部分放置元素，浏览器解析head部分就会执行这个代码，然后才解析页面的其余部分。放在部分JavaScript代码在网页读取到该语句的时候就会执行。注意: javascript作为一种脚本语言可以放在html页面中任何位置转载 2015-06-15 14:30:17 · 646 阅读 · 0 评论 -
JavaScript 常用互动方法
输出内容（document.write）document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。警告（alert 消息对话框）我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法:a转载 2015-06-15 14:46:38 · 498 阅读 · 0 评论 -
javascript 改变html样式常用属性
HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？语法:Object.style.property=new style;注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。基本属性表（property）:例如：1. 改变文转载 2015-06-16 09:20:01 · 551 阅读 · 0 评论 -
jQuery.extend 函数详解
JQuery的extend扩展方法：Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。一、Jquery的扩展方法原型是:extend(dest,src1,src2,src3...);它的含义是将src1,src2,src3…合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并转载 2015-07-09 14:42:30 · 418 阅读 · 0 评论 -
RequireJS 构造方法以及封装成jQuery插件
scrollto.js// 定义模块define(['jquery'], function($){ // 构造函数(方法名跟文件名相同，首字母要大些) function ScrollTo(opts){ // 将用户传递的参数覆盖原来的ScrollTo.DEFAULTS，以"{}"形式返回 this.opts = $.extend({}, ScrollT原创 2015-07-09 16:46:33 · 2544 阅读 · 0 评论 -
js 中{},[]（中括号,大括号）使用详解
{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。 如：var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性， 所以访问时，应该用.（点）来层层转载 2014-12-08 16:06:22 · 3398 阅读 · 0 评论