求大神看下js代碼(求大神看下js代碼)

本文目錄一覽:

求大家幫忙看下這段JS代碼的大概意思

挺長的,簡單幫你分析一下

取得跳轉的URL

var jumpurl=$(“#jumpurl”).text();

檢測cookie中“showdiv”的標誌位,如果為空,就設置成當前時間,如果已經存在,

判斷是否已經超過24小時,如果超過則將“showdiv”置空

if(getck(“showdiv”) == “”)

{

var data = new Date();

var timestr = data.getFullYear() + “-” + (Number(data.getMonth())+1) + “-” + data.getDate() + ” ” + data.getHours() + “:” + data.getMinutes() + “:” + data.getSeconds();

document.cookie=”showdiv=” + timestr;

}

else

{

var date_ = convertdate(getck(“showdiv”));

var data = new Date();

var num = Number(data.getTime()) – Number(date_.getTime());

if(num = 24*3600000)//已經過期重新設置

{

document.cookie=”showdiv=”;

}

}

給按鈕“closebtn”添加點擊事件,該控件被點擊時,設置cookie值“isshow=true”,

同時使用淡出效果來隱藏“full_scroll”控件,並給“add_fav”控件添加點擊事件,

該控件被點擊時打開“jumpurl”定義的?URL,同時設置cookie值“isshow=true”,

同時使用淡出效果來隱藏“full_scroll”控件

$(“#closebtn”).click(function(){ 

   document.cookie=”isshow=true”;

   $(“#full_scroll”).fadeOut(“slow”);});

   $(“#add_fav”).click(function(){ 

      window.open(jumpurl); 

      document.cookie=”isshow=true”;

      $(“#full_scroll”).fadeOut(“slow”);

});

給“welcome_img”控件添加點擊事件,該控件被點擊時,設置cookie“isshow=true”,

同時使用淡出效果來隱藏“full_scroll”控件

$(“#welcome_img”).click(function(){

window.open(jumpurl); 

document.cookie=”isshow=true”;

$(“#full_scroll”).fadeOut(“slow”);

});

等待1秒後執行showdiv函數

setTimeout(“showdiv()”,1000); //這裡修改打開網頁多久之後顯示提示

以上部分是頁面加載時執行的的全部代碼,下面兩個函數就不說了,應該可以看得清楚。

求js大神幫我看下我的代碼為什麼無法獲取表單數據

var num1 = document.getElementById(a).value;

var num2 = document.getElementById(b).value;

改為:

var num1 = a.value;

var num2 = b.value;

即可。這是因為 loadHtml(wd1,idd1) 這裡傳入的wd1和idd1已經是對象,而不是id名,所以不需要再用getElementById方法來獲取對象。

也可以這樣來修改:

loadHtml(wd1,idd1)

改為

loadHtml(‘wd1′,’idd1’)

var num1 = document.getElementById(a).value;

var num2 = document.getElementById(b).value;

保持不變,這樣的話所傳入的’wd1’和’idd1’就是id名了。

不過我推薦上述第一種方法。

求js代碼解釋

function accDiv(arg1, arg2) {

    var t1 = 0, t2 = 0, r1, r2;

    try {

        //“split(“.”)[1]” 獲取小數位

        //“.length” 獲取小數位長度

        t1 = arg1.toString().split(“.”)[1].length;

    } catch (e) {

        //當沒有小數位時 split(“.”) 只有1位,取下標[1]超出報錯

        //異常處理,保持默認值,即“0”位小數位

    }

    try {

        t2 = arg2.toString().split(“.”)[1].length;

    } catch (e) { } //同理

    //聲明 Math 域,域內涉及 Math 的方法或屬性可以不寫前綴

    //這裡只生效一句 pow(x, y)

    //去掉該句,則加上前綴:Math.pow(x, y)

    with (Math) {

        //去掉被除數和除數小數點,並轉為數值

        r1 = Number(arg1.toString().replace(“.”, “”));

        r2 = Number(arg2.toString().replace(“.”, “”));

        //將商 乘以 10 的 (t2 – t1) 次冪[小數位差]

        //例:

        //1.2 / 0.05

        //= 12 / 5 * pow(10, 2 – 1)

        return (r1 / r2) * pow(10, t2 – t1);

    }

}

請js大神幫我注釋,想自學,詳細點,謝謝!代碼如下

很抱歉,圖中的try catch我研究了一下,是有意義的,我已更改文中內容

如果看不清圖片,就右鍵保存查看

話說你是從哪找的,這代碼可以稱得上是工業級的了ヽ(ー_ー)ノ

如果圖片看不清,這是源代碼:

/*函數後的(window, document);表示要執行這個函數。所以要求(window, document)前面必須是一個表達式,而 !正是這個作用。也就意味着這是自調用函數*/

! function (e, t, a) {//這的參數a可能已被棄用

function n() {

c(“.love{width: 20px;height: 20px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.love:after,.love:before{content: ”;width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.love:after{top: -10px;}.love:before{left: -10px;}”), o(), r()

//上面是調用c()並傳入了一串css樣式與過渡動畫,並一起調用o()r()

}

function r() {

/*下面這個for就是遍歷整個d,因為與執行代碼寫在了一行,所以省略{},後面的 ? : 為三元運算符  而後面大意為:判斷繪畫的圖像是否透明,如果是,將其移除,如果不是再傳入參數繪畫*/

for (var e = 0; e  d.length; e++) d[e].alpha = 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y–, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = “left:” + d[e].x + “px;top:” + d[e].y + “px;opacity:” + d[e].alpha + “;transform:scale(” + d[e].scale + “,” + d[e].scale + “) rotate(45deg);background:” + d[e].color + “;z-index:99999”);

requestAnimationFrame(r)

//requestAnimationFrame()是一個請求動畫的API,而其中的 r 就是指調用r()

}

function o() {

//這裡的=是賦值,==是判斷,而是邏輯運算符,而typeof返回的是數據類型 註:這的e應指window對象

var t = “function” == typeof e.onclick  e.onclick;

e.onclick = function (e) {

t  t(), i(e)

}

}

//創建div並添加class為love,再向d中添加一串對象(用於r()的繪畫)

function i(e) {

var a = t.createElement(“div”);

a.className = “love”, d.push({

el: a,

x: e.clientX – 5,//註:這的e應指window對象

y: e.clientY – 5,

scale: 1,

alpha: 1,

color: s()

}), t.body.appendChild(a)//添加了a這個子節點

}

function c(e) {

var a = t.createElement(“style”);//簡化代碼

a.type = “text/css”;

try {

a.appendChild(t.createTextNode(e)/*添加了一個內容為e的文本節點*/)//並作為a的子節點

} catch (t) {//這裡的t純屬需要,無實意

a.styleSheet.cssText = e

}

//這的try catch語句意義為如果上文的e無法添加,則會將a.styleSheet.cssText賦值為e

t.getElementsByTagName(“head”)[0].appendChild(a)

//getElementsByTagName(“head”)[0].appendChild(a) 表在第一個head處添加子節點a

}

function s() {

return “#cc2a5d”//這隻返回一個顏色=RGB(204,42,93)

}

var d = [];

//下面這個是對requestAnimationFrame方法進行了一個全面兼容 ||也是個邏輯運算符

e.requestAnimationFrame = function () {

return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {

setTimeout(e, 1e3 / 60)//這的e應指是window對象

}

}(), n()

}(window, document);//這的window對應參數e,document對應參數t

// rgb(“+~~(255*Math.random())+”,”+~~(255*Math.random())+”,”+~~(255*Math.random())+”)

//順便說一下上面應是生成隨機顏色

原創文章,作者:MVZC,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/135430.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
MVZC的頭像MVZC
上一篇 2024-10-04 00:12
下一篇 2024-10-04 00:12

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • Python周杰倫代碼用法介紹

    本文將從多個方面對Python周杰倫代碼進行詳細的闡述。 一、代碼介紹 from urllib.request import urlopen from bs4 import Bea…

    編程 2025-04-29
  • Python字符串寬度不限制怎麼打代碼

    本文將為大家詳細介紹Python字符串寬度不限制時如何打代碼的幾個方面。 一、保持代碼風格的統一 在Python字符串寬度不限制的情況下,我們可以寫出很長很長的一行代碼。但是,為了…

    編程 2025-04-29
  • Python基礎代碼用法介紹

    本文將從多個方面對Python基礎代碼進行解析和詳細闡述,力求讓讀者深刻理解Python基礎代碼。通過本文的學習,相信大家對Python的學習和應用會更加輕鬆和高效。 一、變量和數…

    編程 2025-04-29
  • Python滿天星代碼:讓編程變得更加簡單

    本文將從多個方面詳細闡述Python滿天星代碼,為大家介紹它的優點以及如何在編程中使用。無論是剛剛接觸編程還是資深程序員,都能從中獲得一定的收穫。 一、簡介 Python滿天星代碼…

    編程 2025-04-29
  • 倉庫管理系統代碼設計Python

    這篇文章將詳細探討如何設計一個基於Python的倉庫管理系統。 一、基本需求 在着手設計之前,我們首先需要確定倉庫管理系統的基本需求。 我們可以將需求分為以下幾個方面: 1、庫存管…

    編程 2025-04-29
  • 寫代碼新手教程

    本文將從語言選擇、學習方法、編碼規範以及常見問題解答等多個方面,為編程新手提供實用、簡明的教程。 一、語言選擇 作為編程新手,選擇一門編程語言是很關鍵的一步。以下是幾個有代表性的編…

    編程 2025-04-29
  • Python實現簡易心形代碼

    在這個文章中,我們將會介紹如何用Python語言編寫一個非常簡單的代碼來生成一個心形圖案。我們將會從安裝Python開始介紹,逐步深入了解如何實現這一任務。 一、安裝Python …

    編程 2025-04-29
  • 怎麼寫不影響Python運行的長段代碼

    在Python編程的過程中,我們不可避免地需要編寫一些長段代碼,包括函數、類、複雜的控制語句等等。在編寫這些代碼時,我們需要考慮代碼可讀性、易用性以及對Python運行性能的影響。…

    編程 2025-04-29
  • 北化教務管理系統介紹及開發代碼示例

    本文將從多個方面對北化教務管理系統進行介紹及開發代碼示例,幫助開發者更好地理解和應用該系統。 一、項目介紹 北化教務管理系統是一款針對高校學生和教職工的綜合信息管理系統。系統實現的…

    編程 2025-04-29

發表回復

登錄後才能評論