无需申请自动送彩金68_白菜送彩金网站大全[无需申请秒送彩金]
做最好的网站
来自 无需申请自动 2019-08-01 11:20 的文章
当前位置: 无需申请自动送彩金68 > 无需申请自动 > 正文

利用JS进行图片的切换即特效展示图片,用逗号隔

在网页制作的时候,需要利用JS进行特效展示图片,下面是利用JS简单制作的图片的切换。

最近做项目需要我们前端对金额进行千分位格式化(也就是说每三位用逗号隔开),代码已经做了修改  之前的版本是本人疏忽 真对不住大家了!现在已经做了修改 如果还有不完善的地方 请大家多多指教!

所有Web前端同仁对 document.getElementById 都非常熟悉了。开发过程中经常需要用其获取页面id为xx的元素,自从元老级JS库Prototype流行后,都喜欢这么简写它

复制代码 代码如下:

  1. 支持用逗号隔开 0-9位 逗号隔开

复制代码 代码如下:

<html>

JS代码如下:

// 方式1
function $(id){ return document.getElementById(id); }

<head>

复制代码 代码如下:

有没有人想过为什么要这么写,而不用下面的方式写呢?

<script type="JavaScript">

/**
         * JS格式化
         * @param number 要格式化的数字
         * @param d [0-9]位 逗号隔开
         */

复制代码 代码如下:

var srr = new Array('图片一', '图片二', '图片三', '图片四');//利用JS中内置的数组,进行数据的存储
var s = 0;
function chage() {
var img = document.getElementById('img1');
if (s <srr.length-1 ) {
s ;
}
else {
s = 0;
}
img.setAttribute('src', srr[s]);
}
function diaoyong() {
setInterval(chage, 1000);
}

         function numFormat(number,d) {

// 方式2
var $ = document.getElementById;

</script>

             var numArrs = ['0','1','2','3','4','5','6','7','8','9'],
                 REG_NUMBER = /^d (.d )?$/;

这么写的$更简洁啊,也很明了,将document的方法getElementById赋值给变量$,用$去获取页面id为xx的元素。实际上方式2在IE6/7/8中是可行的(IE9中有些变动),Firefox/Safari/Chrome/Opera则行不通。还请自行测试。

</head>

             d = d || 3; // 不传 是3位 千分位

为什么Firefox/Safari/Chrome/Opera 方式2获取就不行呢,原因是这些浏览器中getElementById方法内部实现中需依赖this(document),IE则不需要this。或者说方式2在Firefox/Safari/Chrome/Opera中调用时说丢失了this,以下是个简单示例

<body onLoad="diaoyong();">

             if(isNumber(number) || isString(number) || REG_NUMBER.test(number)) {

复制代码 代码如下:

</body>

                 // 先转换成字符串
                 var toString = number '',
                     isPoint = toString.indexOf('.'),
                     prefix,   // 前缀
                     suffix,   // 后缀
                     t = '';

// 定义一个函数show
function show(){alert(this.name);}

本文由无需申请自动送彩金68发布于无需申请自动,转载请注明出处:利用JS进行图片的切换即特效展示图片,用逗号隔

关键词: 注册送体验金