您的位置:

请大侠帮忙简化一上js代码(js常用代码)

请大侠帮忙简化一上js代码(js常用代码)

更新:

本文目录一览:

使用JS函数简化代码

建议用jquery 一次性绑定事件 回调函数中再通过对象的index改变相应的背景图,代码会精简很多

script src=""/script

script

    $(function() {

        $("#myUl li").on("mouseover", function () {

            $(this).addClass("current")

                .css("background-image", "url(img/0" + ($(this).index() + 1) + "big.jpg)");

        }).on("mouseout", function () {

            $(this).removeClass("current")

                .css("background-image", "url(img/0" + ($(this).index() + 1) + ".jpg)");

        })

    })

/script

写的一段很简单的js代码,有些不能理解的地方,麻烦各位大侠给我指点指点,谢谢哈!

上面的代码因为count=8没有被改变,8=20一直成立,,出现死循环

请大神帮忙 给解释下一段JS代码???

/**

* SendCode Plugin

*/

//发送验证码插件开始

//匿名函数执行

!function () {

"use strict";//要求严格语法

//声明SendCode对象并初始化参数

function SendCode (element, options) {

this.$btn = $(element);//获取按钮元素

//合并多个参数 初始化参数(用于外部传递参数覆盖默认参数)

this.options = $.extend({}, SendCode.DEFAULTS, options || {});

}

//控件开放的参数默认值

SendCode.DEFAULTS = {

run: false, // 是否自动倒计时

secs: 60, // 倒计时时长(秒)

disClass: '', // 禁用按钮样式

runStr: '{%s}秒后重新获取', // 倒计时显示文本

resetStr: '重新获取验证码' // 倒计时结束后按钮显示文本

};

//全局计时器变量,清除用

SendCode.timer = null;

/**

* 开始倒计时

*/

SendCode.prototype.start = function () {

var _this = this,

options = _this.options,

secs = options.secs;

_this.$btn.html(_this.getStr(secs)).css('pointer-events', 'none').addClass(options.disClass);

_this.timer = setInterval(function () {

secs--;

_this.$btn.html(_this.getStr(secs));

if (secs = 0) {

_this.resetBtn();

clearInterval(_this.timer);

}

}, 1000);

};

/**

* 获取倒计时显示文本

* @param secs

* @returns {string}

*/

SendCode.prototype.getStr = function (secs) {

return this.options.runStr.replace(/\{([^{]*?)%s(.*?)\}/g, secs);

};

/**

* 重置按钮

*/

SendCode.prototype.resetBtn = function () {

var _this = this,

options = _this.options;

_this.$btn.html(options.resetStr).css('pointer-events', 'auto').removeClass(options.disClass);

};

//jQuery 插件扩展方法

function Plugin (option) {

/*主要用于控件二次调用,比如$('div').sendCode('getStr ',120); 这个时候,第一个参数只是方法名,第二个参数才是option,所以,下面这句代码的意义就是取到第二个参数。其实就是变相将sendcode内部方法外露出去

*/

var args = Array.prototype.slice.call(arguments, 1);

/*留意最下面一行代码,$.fn.sendCode = Plugin;此代码的意义是在jQuery控件库扩展了一个叫sendCode的控件,调用方法为$('div').sendCode({secs:120}); 那么此时Plugin

的内置对象this为$('div')是一个数组,所以要循环生成控件。这样做法是为了满足调用方在页面上一次生成多个控件。

*/

return this.each(function () {

var $this = $(this),//单个元素

sendcode = $this.data('ydui.sendcode');//获取保存在元素上的SendCode对象

//如果元素上没有保存过对象,那么初始化SendCode对象并保存到元素上

if (!sendcode) {

$this.data('ydui.sendcode', (sendcode = new SendCode(this, option)));

//如果option参数是对象,那么直接启动控件

if (typeof option == 'object'  option.run) {

sendcode.start();

}

}

//这里就是上面说的二次调用,$('div').sendCode('run');这个时候的option='run'

if (typeof option == 'string') {

sendcode[option]  sendcode[option].apply(sendcode, args);

}

});

}

//将控件扩展到jQuery

$.fn.sendCode = Plugin;

}();

这个就是发送验证码时,按钮文本变化的一个小控件,核心代码已添加注释,有问题再联系,望采纳。

急!急!急!求一段简单的JS代码

不知道你说的是不是将div显示隐藏。

如果是的话,你可以将div给个style="display:none;"的属性把两个div隐藏起来。

然后在某个控件上给个触发事件如:onclick="show()"调用js。

js里的function show()就写

docuement.getElementById("g1").style.display="block";就能实现了。

谁帮我写段js代码,实现单击文字来回切换内容。

div id="name" onClick="switch()" onMouseOver="alt()"name

script

var name="name";

var id="id";

var uid="uid";

function switch(){

//如果div id为name显示name的值,否则显示id的值

if(this.id == name){

alert(ture)

}

}

function alt(){

//实现alt标签类似的功能,显示的内容为id的值

this.innerHTML = this.id

}

/script

一段JS代码 有不懂的地方请各位大侠解答!!

function f里面的arguments[0]是调用f()时传入的值,

ar _this = arguments[0] || this;这句里面 arguments[0]是调用toUnicode()传入的值

两码事 不一样的。

你上面的f()没传参数 所以应该是undefined,arguments[0].charCodeAt(0)会报错

每个函数都有自己的执行环境 ,自己的arguments对象。不过可以访问父执行环境中的变量,即toUnicode里面的_this

请大侠帮忙简化一上js代码(js常用代码)

本文目录一览: 1、使用JS函数简化代码 2、写的一段很简单的js代码,有些不能理解的地方,麻烦各位大侠给我指点指点,谢谢哈! 3、请大神帮忙 给解释下一段JS代码??? 4、急!急!急!求一段简单的

2023-12-08
请你帮我翻译一段js代码(js代码翻译中文)

本文目录一览: 1、请大神帮忙 给解释下一段JS代码??? 2、能帮我逐行翻译一下这个JS代码吗,我还没学过,但是要用这一段。 3、帮我翻译一下下面这段JS代码 4、js代码翻译 5、帮忙翻译一段ja

2023-12-08
请大神给我解释一下这段js代码(怎么看懂js代码)

本文目录一览: 1、请大神进来解释一段java script代码,js代码 2、一段JS代码,能不能请大神帮我分析一下是什么意思 3、请大神帮忙 给解释下一段JS代码??? 请大神进来解释一段java

2023-12-08
js代码整洁随笔,js代码整理

本文目录一览: 1、如何在页面让JavaScript代码原样显示,用标签不起用,js照常运行。请看问题补充 2、怎么让JS文件代码对齐 3、怎么样格式化javascript,怎么样格式化js 4、为什

2023-12-08
谁帮我看一下这段js代码(js中的!)

本文目录一览: 1、大家帮我看看这段JS代码是什么意思? 2、求大家帮忙看下这段JS代码的大概意思 3、谁能帮我看一段javascript代码,急急 4、请大家帮我看一这段JAVASCRIPT代码 5

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
简化js编程(js代码编写)

本文目录一览: 1、使用JS函数简化代码 2、这一段JS应该如何简化? 3、请高手帮我简化下面这段js代码,看s1,s2,s3,s4,s5,s6....能不能写成个循环,这样就不用每次修改js了,谢谢

2023-12-08
php输出js语句以及乱码问题,解决js输出汉字乱码问题

本文目录一览: 1、js传值给php处理后在ie中显示为乱码 2、php如何输出js语句 3、php 输出js 语句 php变量与字符串组合问题 4、为什么我用php打开文件用echo 输出文件的内容

2023-12-08
用js实现des代码(DES算法的实现代码)

本文目录一览: 1、请教老师DES和DES3的加解密的JS代码 2、python中如何调用js文件中的方法呢 3、为什么 CryptoJS DES 加密的结果和 Java DES 不一样 4、关于no

2023-12-08
贪食蛇js代码(贪吃蛇的编程代码)

本文目录一览: 1、js中当贪吃蛇达到一定长度加速的代码怎么写 2、各位大侠,本人新手跪拜写贪吃蛇的代码,只需提供具体步骤 编译环境 涉及的函数 无需具体代码!不胜感激呀 3、高手帮忙解释一下JAVA

2023-12-08
全球港口js代码下载,全球港口js代码下载地址

2022-11-24
执行js代码大全,执行js代码大全下载

本文目录一览: 1、编写一段代码,如何用JS来实现插入几行几列的表格的功能,希望好心人能帮帮忙呢 2、求个简单javascript代码 谢谢,网站菜单功能 3、求C# winform中点击按钮执行网页

2023-12-08
js写的计算总额代码,js写的计算总额代码是什么

2022-11-22
js脚本编程之实战一(js脚本代码大全)

本文目录一览: 1、怎么学好js? 2、JS编程是什么意思? 3、用javascript脚本语言编写一个 计算器计算加减乘除 ? 谢谢,很急!大家帮帮忙呀!!! 4、如何编写一个自动登录的js脚本 怎

2023-12-08
js之常用代码块(js代码是什么)

本文目录一览: 1、js使用java代码块 2、javascript 语句、代码、代码块 3、js中单击按钮实现代码块功能 4、js中怎么截取不确定长度的字符串,截取后保留后面的部分 js使用java

2023-12-08
看一下这段js代码,怎么看懂js代码

本文目录一览: 1、帮看段JS代码 2、这段js代码什么意思 3、麻烦看下这段Js代码是什么代码? 4、大家给看一下这段JS代码是什么意思 5、求大家帮忙看下这段JS代码的大概意思 6、求大神看一下这

2023-12-08
js代码中script,js代码中的问号是什么意思

本文目录一览: 1、javascript中script的SRC属性 2、JS代码里加载script代码,并隐藏其内容怎么弄呢? 3、使用javascript必须使script标签吗 javascrip

2023-12-08
如何将js代码隐藏在一张图片中,如何将js代码隐藏在一张图片

本文目录一览: 1、如何用JS显示图片呢? 2、服务器图片按钮在点击后怎么用js 代码隐藏自己 那位大侠能帮帮我 3、JS怎么把一张图片隐藏在另一整张图片的一部分里,点击后会展开或者弹出,然后可以在这

2023-12-08
js常考代码,js常见笔试题

2022-11-23
js代码网页代码(js代码网页代码大全)

本文目录一览: 1、网页如何调用js代码?? 2、什么是JS代码? 3、html代码和JS代码有什么区别 4、如何查看网页js代码 5、怎样在网页中插入JavaScript代码 6、JS 获得网页代码

2023-12-08