本文实例讲述了jQuery实现遍历复选框的方法。分享给大家供大家参考,具体如下: 1、问题背景: 这里有10个复选框,根据选择的复选框获取其值,并将其值用“——”连接,插入到div中 2、实现代码: <!DOCTYPE html> <html><head><meta charset="UTF-8"><title>遍历复选框</title><script type="text/javascript" src="jquery-1.7.2.min.js" ></script><script>$(document).ready(function(){$("#btn").click(function(){var str = "...
本文实例讲述了node.js实现回调的方法。分享给大家供大家参考,具体如下: 向回调函数传递额外的参数 在调用函数中,使用匿名函数中实现需传递的参数,再次匿名函数内调用回调函数。 var events = require("events"); function CarShow() {events.EventEmitter.call(this);this.seeCar = function (make) {this.emit(sawCar, make);} } CarShow.prototype.__proto__ = events.EventEmitter.prototype; var show = new CarShow(); f...
前言 最近工作中为了做一个录制按钮,研究了下小程序的实时圆形进度条实现,下面这篇文章就来给大家详细的介绍了实现的方法示例,废话不多说,先来看看效果图吧。 效果图如下初始状态点击中间按钮开始绘制绘制过程绘制结束实现思路 建立两个canvas标签,先绘制底层的浅灰色圆圈背景,再绘制上层的红色进度条。 WXML代码 <view class="wrap"><view class="circle-box"><canvas class="circle" style="width:200px; height:200px;" c...
一、级联函数是什么?在一行代码上,调用一个接一个的方法。这种技术在 JQuery 或者其他 JavaScript 库中是非常常见的。 代码如下: $(#myDiv).fadeOut().html(帅哥, 你好!).fadeIn();或者: myStr1.replace(k, R).toUpperCase().substr(0,4); 这种代码让我们能像阅读文字一样来阅读代码,不仅简洁,可读性强更便于维护,提高开发效率。 那怎么用呢?要使用级联函数,我们必须在每个函数中返回 this 对象(也就是后面方法中操作的...
本文实例讲述了jQuery实现获取隐藏div高度的方法。分享给大家供大家参考,具体如下: <!DOCTYPE HTML> <html lang="en-US"> <head><meta charset="UTF-8"><title>测试获取隐藏div高度</title><meta name="description" content="jquery获取隐藏div高度是可以获取的" /><script src="jquery-1.7.2.min.js" ></script><script>if(!$){//如果本地没有jquery则加载百度cdn的jquerydocument.write(<script type="text/javascript" src="...
vue2.0示例代码如下: var vm = new Vue({el:"#list",data:{gridData: "",},mounted: function() {this.$nextTick(function () {this.$http.jsonp(http://***.com).then(function(res) {console.log(res.data)this.gridData = res.data;})})},})vue2.0版本废弃了ready定义的方法,使用mounted来代替,不过需要加上this.$nextTick(function(){}) 。 如果没有请求成功看一下vuejs的版本 1.0版本的写法是这样的 var vm = new Vue(...
本文实例讲述了JS简单获取当前年月日星期的方法。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>获取年月日星期</title> <script type="text/javascript" language="javascr...
本文实例讲述了JavaScript获取中英文混合字符串长度的方法。分享给大家供大家参考,具体如下: JavaScript获取中英文混合字符串的长度方法: function StrLen(sString) {var j = 0;var s = sString;if (s=="") return j;for (var i=0; i<s.length; i++){if (s.substr(i,1).charCodeAt(0)>255) j = j + 2;else j++}return j; }应用示例: var fName = file.value.substring(file.value.lastIndexOf(//)+1); if(StrLen(fName)>50){aler...
本文实例讲述了JavaScript获取当前时间向前推三个月的方法。分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <script type="text/javascript" language="javascr...
事件传播 MicroSoft的设计是当事件在元素上触发时,该事件将接着在该节点的父节点触发,以此类推,事件一直沿着DOM树向上传播,直到到达顶层对象document元素。这种自底向上的事件传播方式称为“事件冒泡”,也就是事件传播。 如何中断事件的传播?stopPropagation() w3c取消冒泡cancleBubble = true IE取消冒泡取消事件默认效果: returnValue = false IE 取消事件效果defaultPrevent() w3c取消事件效果 <div id=aa><div id=bb><d...
本文实例讲述了JavaScript中英文字符长度统计方法。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS中英文字符串长度计算</title> </head> <body> <script> var oriText = "一二三四五六七八九十1234567890"; // 将一个中文字符转换为两个星 var result = oriText .replace(/[^\x00-\xff]/g, **); alert(result.length); // 将输出30 (10个字符+ 10个汉字×2) </scr...
前言 以前在面试的时候经常遇到问关于跨域的事儿,所以自己对跨域有一定的概念性了解,知道什么是跨域以及解决跨域的方法,但是具体实际从来没有操作过,直到最近在公司项目中,遇到了一个需要使iframe跨域进行POST提交的实际案例,我才明白具体如何使用iframe进行跨域操作。 说到跨域,就不得不提起浏览器的同源策略。 同源策略限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。 源 如果协议,端口(如果指定了一个...
本文实例讲述了jQuery居中元素scrollleft计算方法。分享给大家供大家参考,具体如下: 如果需要将某个元素 在可以滚动元素(scroll)中设置为居中计算方法为: 需要的scrollleft + 普通居中时候的offsetLeft = 当前的scrollleft+当前元素的offsetLeft = 固定的当前元素在整个滚动条中距离左边的位置 DEMO示例: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><script src="jquery.js"></script><s...
本文实例讲述了JavaScript定义全局对象的方法。分享给大家供大家参考,具体如下: !function (factory) {factory(window[Hi] = {__a: function () {console.log(Hi.__a);},__b: function () {console.log(Hi.__b);},__c: function () {console.log(Hi.__c);}}); }(function (Hi) {if (typeof Hi === undefined) {Hi = {};}Object.defineProperty(Hi, appName, {get: function () {return this is app name.;}}) }); console.log(Hi...
本文实例讲述了JS正则匹配中文的方法。分享给大家供大家参考,具体如下: 需求:使用JS正则的方式将字符串 “[微笑][撇嘴][发呆][得意][流泪]” 中的汉字进行匹配输出。 示例代码: <script> var pattern1 = /[\u4e00-\u9fa5]+/g; var pattern2 = /\[[\u4e00-\u9fa5]+\]/g; var contents = "[微笑][撇嘴][发呆][得意][流泪]"; content = contents.match(pattern1); alert(content); content = contents.match(pattern2); alert(con...