之前遇到事件冒泡的问题,也去网上搜索了一番,结果大部分都是一样的代码,贴来用时也不太顺利。涉及到FF时,可以用 e.stopPropagation(); ,不知怎地我没用成功。不过我发现FF支持e.cancelBubble = true;的写法,经测试可行。就把代码贴在这里吧,省得以后到处找。IE以前版本的兼容性还没测试,用到时再完善吧。代码如下: //取消事件冒泡 function stopBubble(e) {var evt = (e) ? e : window.event;//兼容FFevt.cancelBubble = t...
废话少说,直接奉上示例代码:代码如下: function EventUtil() {var _self = this;///添加事件var addEvent = (function () {if (document.addEventListener) {return function (el, type, fn) {el.addEventListener(type, fn, false);}} else {return function (el, type, fn) {el.attachEvent("on" + type, function () {return fn.call(el, window.event);});}}})();///添加属性改变事件var addPropertyChangeEvent = function ...
前面我们介绍了javascript的数据类型,今天我们通过一些例子再来温故一下,希望大家能够达到知新的地步。代码如下: 输出结果中小数的位数var num = 10;alert(num.toExponential(1));//"1.0e+1"//不过这么小的数字就不需要使用指数表示法了,如果你想得到某个数值最合适的格式就应该使用//toPrecision()方法,此方法可能返回固定大小(fixed)格式,也可能返回指数(exponential)格式//接受一个参数表示数值所有数字的位数(不包括...
大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现。 调用pager方法,输入参数,会返回一个导航条的html字符串。方法的内部比较简单。代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, Index)使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) {var intPage = 7; //数字显示var intBeginPage = 0;//...
offset()方法的定义和用法: 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一: $(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码:*{margin:0px;padding:0px; } .father{border:1px solid black;width:400px;height:300px;padding:10px;margin:50px; } .children{height:150px;width:200px;margin-left:50px;background-c...
jQuery Mobile是客户端代码,但其基于ajax技术与服务器端交互。因此拥有一个Web Service,才能更好的体验jQuery Mobile的功能。这里不打算介绍Web Service的搭建过程,朋友们可以根据自己的实际需要自行搭建。示例一:jqueryMoblie图标定位图标:顶部右侧底部左侧底部文本演示图:示例二:可折叠块点击我 - 我可以折叠!我是可折叠的内容。页脚文本演示图示例三:可折叠集合点击我 - 我可以折叠!我是可折叠的内容。点击我 - 我可以...
本篇将要和朋友们分享的是几个上传文件的例子和逻辑步奏及自定义个简单的js上传插件我取名为shenniu.upfile-0.0.1.js;近来在讨论组中很有几个朋友咨询上传文件的代码和怎么下载上传的文件,所以写了此篇文章,希望能为朋友们解答一些疑惑或能带来帮助,也谢谢各位多多支持点赞。 以上是个人的看法,下面来正式分享今天的文章吧: 使用iis发布保存上传文件的文件夹示例A - 普通表单上传文件,Request.Files获取上传文件示例B - 普通...
假设我们这里有1到5五张bmp图片,那么控制图片切换显示的核心代码可以为: <script>var i=1;var img = new Array();img[0] = "1.bmp";img[1] = "2.bmp";img[2] = "3.bmp";img[3] = "4.bmp";img[4] = "5.bmp";function playImg(){i=i+1;var imgs = document.getElementById("img");imgs.src =img[i];if(i>=4){i=1;}}window.onload = function(){document.getElementById("img").src="1.bmp";} </script> <img id="img" src="" width...
jQuery Mobile是客户端代码,但其基于ajax技术与服务器端交互。因此拥有一个Web Service,才能更好的体验jQuery Mobile的功能。这里不打算介绍Web Service的搭建过程,朋友们可以根据自己的实际需要自行搭建。示例一: <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"><script src="http://code.jquery.com/jquer...
offset()方法的定义和用法: 此方法返回或设置所匹配元素相对于document对象的偏移量。 语法结构一: $(selector).offset() 获取匹配元素在当前document的相对偏移。 返回的对象包含两个整型属:top和left。 此方法只对可见元素有效。 实例代码: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"><style type="text/css"> *{margin:0px;padding:0px; } .father{border:1px solid black;width:400px;height:300px;padding:10px;m...
大家在作分页时,多数是在后台返回一个导航条的html字符串,其实在前端用js也很好实现。 调用pager方法,输入参数,会返回一个导航条的html字符串。方法的内部比较简单。代码如下: /** * pageSize, 每页显示数 * pageIndex, 当前页数 * pageCount 总页数 * url 连接地址 * pager(10, 1, 5, Index)使用方法示例 */ function pager(pageSize, pageIndex, pageCount, url) { var intPage = 7; //数字显示 var intBeginP...
前面我们介绍了javascript的数据类型,今天我们通过一些例子再来温故一下,希望大家能够达到知新的地步。代码如下: <script type="text/javascript"> //1、Boolean 类型 //2、Number 类型 //3、String 类型 //Boolean类型容易与基本类型混淆,所以建议永远不要使用Boolean对象。 //Number是与数字对应的引用类型 var numberObj = new Number(10); //重写toString方法 传入...
废话少说,直接奉上示例代码:代码如下: <script type="text/javascript"> function EventUtil() { var _self = this; ///添加事件 var addEvent = (function () { if (document.addEventListener) { return function (el, type, fn) { el.addEventListener(type, fn, false); } } else { return funct...
之前遇到事件冒泡的问题,也去网上搜索了一番,结果大部分都是一样的代码,贴来用时也不太顺利。涉及到FF时,可以用 e.stopPropagation(); ,不知怎地我没用成功。不过我发现FF支持e.cancelBubble = true;的写法,经测试可行。就把代码贴在这里吧,省得以后到处找。IE以前版本的兼容性还没测试,用到时再完善吧。 代码如下: //取消事件冒泡 function stopBubble(e) { var evt = (e) ? e : window.event;//兼容FF evt.can...
效果(新版Firefox中测试):代码:<!DOCTYPE><html><head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Google Map</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> function init() { // 获取当前位置 navigator.geolocation.getCurrentPosition(function(position) { ...