請大俠幫忙簡化一上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