请大侠帮忙简化一上js代码（js常用代码）

本文目录一览：

• 1、使用JS函数简化代码
• 2、写的一段很简单的js代码，有些不能理解的地方，麻烦各位大侠给我指点指点，谢谢哈！
• 3、请大神帮忙 给解释下一段JS代码？？？
• 4、急！急！急！求一段简单的JS代码
• 5、谁帮我写段js代码，实现单击文字来回切换内容。
• 6、一段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