js記錄信息代碼(js歷史記錄)

本文目錄一覽:

js如何實現歷史記錄?

在被瀏覽頁面加入一段代碼實現這樣的功能:

根據頁面標題和url寫入locationStorage

寫入時,只寫入最後10條記錄

在顯示歷史頁面,讀取locationStorage把歷史記錄顯示出來

js代碼怎麼寫

建議樓主看下js基礎

每一項都是js使用中的小技巧,基礎但十分的實用!

1.document.write(“”); 輸出語句

2.JS中的注釋為//

3.傳統的HTML文檔順序是:

document-html-(head,body)

4.一個瀏覽器窗口中的DOM順序是:

window-(navigator,screen,history,location,document)

5.得到表單中元素的名稱和值:

document.getElementById(“表單中元素的ID號”).name(或value)

6.一個小寫轉大寫的JS:

document.getElementById(“output”).value=document.getElementById(“input”).value.toUpperCase();

7.JS中的值類型:

String,Number,Boolean,Null,Object,Function

8.JS中的字元型轉換成數值型:

parseInt(),parseFloat()

9.JS中的數字轉換成字元型:

(“” 變數)

10.JS中的取字元串長度是:

(length)

11.JS中的字元與字元相連接使用 號.

12.JS中的比較操作符有:

==等於,!=不等於,,=,.=

13.JS中聲明變數使用:

var來進行聲明

14.JS中的判斷語句結構:

if(condition){}else{}

15.JS中的循環結構:

for([initial expression];[condition];[upadte expression]) {inside loop}

16.循環中止的命令是:

break

17.JS中的函數定義:

function functionName([parameter],…){statement[s]}

18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

19.窗口:

打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

20.狀態欄的設置:

window.status=”字元”;

21.彈出提示信息:

window.alert(“字元”);

22.彈出確認框:

window.confirm();

23.彈出輸入提示框:

window.prompt();

24.指定當前顯示鏈接的位置:

window.location.href=”URL”

25.取出窗體中的所有表單的數量:

document.forms.length

26.關閉文檔的輸出流:

document.close();

27.字元串追加連接符: =

28.創建一個文檔元素:

document.createElement(),document.createTextNode()

29.得到元素的方法:

document.getElementById()

30.設置表單中所有文本型的成員的值為空:

var form = window.document.forms[0]

for (var i = 0; iform.elements.length;i ){

if (form.elements.type == “text”){

form.elements.value = “”;

}

}

百度統計 事件跟蹤 js代碼怎麼寫

百度統計 事件跟蹤 js代碼怎麼寫

事件跟蹤最核心的方法就是_hmt.push:

_hmt.push([‘_trackEvent’, category, action, opt_label, opt_value]);

1. ‘_trackEvent’: 固定參數,表明統計類型是時間跟蹤。

1. category:要監控的目標的類型名稱,通常是同一組目標的名字,比如”視頻”、”音樂”、”軟體”、”遊戲”等等。該項必選。

1. action:用戶跟目標交互的行為,如”播放”、”暫停”、”下載”等等。該項必選。

1. opt_label:事件的一些額外信息,通常可以是歌曲的名稱、軟體的名稱、鏈接的名稱等等。該項可選。

1. opt_value:事件的一些數值信息,比如權重、時長、價格等等,在報表中可以看到其平均值等數據。該項可選。

使用

我們有兩種方式來使用_html.push方法:

HTML行內使用

a onclick=”_hmt.push([‘_trackEvent’, ‘website’, ‘click’, ‘baidu’, 1])” href=””百度/a

JS代碼中使用

document.getElementById(“link”).addEventListener(“click”, function() {

_hmt.push([‘_trackEvent’, ‘website’, ‘click’, ‘baidu’, 1]);

// …

});

推薦的方式

這是我一般寫統計的方式,比較簡單,個人比較推薦:

a data-track=”點擊百度鏈接” href=””baidu/a

$(“[data-track]”).on(“click”, function() {

var label = $(this).data(“track”);

window._hmt window._hmt.push([‘_trackEvent’, label, ‘click’]);

});

如何用js實現調用手機攝像頭掃描條形碼然後帶出條形碼的值到文本框

1、開啟溝子的方法代碼。

2、指定輸入間隔為300毫秒以內時為連續輸入方法代碼。

3、記錄按鍵信息方法代碼。

4、事件的狀態代碼方法。

5、因為條形碼中只有數字和部分符號,所以基本可以不用考慮鍵盤狀態或組合鍵的情況,但二維碼就不能不考慮了。

6、可以使用_keydown.Contains(160)判斷是否按下了Shift鍵,然後使用ShiftChar方法來獲取最終的按鍵對應字元至於結果保存,我使用了一個數組ListListEventMsg,對每次輸入都單獨進行記錄。

js實現cookie歷史記錄 源代碼及詳解

/** * history_teacher.jsp中的js,最近瀏覽名師 * @version: 1.0 * @author: mingming */$(function(){ getHistory();});var historyCount=4; //保存歷史記錄個數/** * 增加瀏覽歷史記錄 * @param id 編號 * @param name 姓名 * @param photo 照片 * @param grade 年級 * @param subject 科目 * @return */function setHistory(id,name,photo,grade,subject){ stringCookie=getCookie(‘history’); var stringHistory=””!=stringCookie?stringCookie:”{history:[]}”; var json=new JSONHistory(stringHistory); //轉成json var list = json[‘history’]; //獲得json for (var i = 0; i list.length; i++) { try { if(list[i].id == id){ list.splice(i,1); //刪除重複數據,開始位置,刪除個數 i=i-1; //下標歸位 } } catch (e) { break; } } if(list.length=historyCount){ //刪除最開始的多餘記錄 var count = list.length – historyCount + 1; //需要刪除的個數 list.splice(0,count); //開始位置,刪除個數 } var e=”{id:'”+id+”‘,name:'”+name+”‘,photo:'”+photo+”‘,grade:'”+grade+”‘,subject:'”+subject+”‘}”; json[‘history’].push(e);//添加一個新的記錄 setCookie(‘history’,json.toString(),365); //365天}/** * 獲得瀏覽歷史記錄 * @return */function getHistory(){ var historyJSON=getCookie(‘history’); if(historyJSON==””){ }else{ var data = eval(“(“+historyJSON+”)”); var history = data[‘history’]; //歷史記錄 var length = history.length; if(length historyCount){ length = historyCount; } //從最後一個瀏覽記錄開始獲取 var historyHtml=””; for ( var i = length-1; i = 0; i–) { historyHtml+= ‘dd’+ ‘ul’+ ‘li class=”recimg”a href=”‘+PATH+”/teacher/teacherinfo?teacherVO.teacherId=”+history[i].id+'”img src=”‘+PATH + “/”+ history[i].photo +'” alt=”” //a/li’+ ‘li class=”recinfo”‘+ ‘pa href=”‘+PATH+”/teacher/teacherinfo?teacherVO.teacherId=”+history[i].id+'”‘+history[i].name+’/a/p’+ ‘p class=”grayp”科目:’+history[i].subject+’/p’+ ‘p class=”grayp”年級:’+history[i].grade+’/p’+ ‘/li’+ ‘/ul’+ ‘/dd’; } if(historyHtml!=””){ $(“#historyTeacher”).html(‘h2最近瀏覽名師/h2dl’+historyHtml+’/dl’); } }}/** * 添加cookie * @param cookName cookie名稱 * @param cookName cookie值 * @param expiredays 時長 */function setCookie(cookName,cookValue,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays*24*3600*1000); var cookieVal=cookName+ “=” +escape(cookValue)+((expiredays==null) ? “” : “;expires=”+exdate.toGMTString())+”;path=/”; document.cookie=cookieVal;}/** * 獲取cookie * @param cookName cookie名稱 * @return */function getCookie(cookName){ if(document.cookie.length0){ var c_start = document.cookie.indexOf(cookName + “=”); if(c_start!=-1){ //存在 c_start = c_start + cookName.length + 1; //”history=”後的開始位置 var c_end=document.cookie.indexOf(“;”,c_start); //找到JSESSIONID在的位置 if (c_end==-1){ //JSESSIONID不存在 c_end=document.cookie.length; } return unescape(document.cookie.substring(c_start,c_end)); } } return “”;}/** * JSON */var JSONHistory = function(sJSON){ this.objType = (typeof sJSON); if(this.objType==’string’ ”==sJSON){ sJSON = ‘{history:[]}’ ; } this.self = []; (function(s,o){ for(var i in o){ o.hasOwnProperty(i)(s[i]=o[i],s.self[i]=o[i]) };})(this,(this.objType==’string’)?eval(‘0,’+sJSON):sJSON);};JSONHistory.prototype = { toString:function(){ return this.getString(); }, valueOf:function(){ return this.getString(); }, getString:function(){ var sA = []; (function(o){ var oo = null; sA.push(‘{‘); for(var i in o){ if(o.hasOwnProperty(i) i!=’prototype’){ oo = o[i]; if(oo instanceof Array){ sA.push(i+’:[‘); for(var b in oo){ if(oo.hasOwnProperty(b) b!=’prototype’){ sA.push(oo[b]+’,’); if(typeof oo[b]==’object’) arguments.callee(oo[b]); } } sA.push(‘],’); continue; }else{ sA.push(i+’:\”+oo+’\’,’); } if(typeof oo==’object’) arguments.callee(oo); } } sA.push(‘},’); })(this.self); return sA.slice(0).join(”).replace(/\[object object\],/ig,”).replace(/,\}/g,’}’).replace(/,\]/g,’]’).slice(0,-1); }, push:function(sName,sValue){ this.self[sName] = sValue; this[sName] = sValue; }};

如何用JS代碼來寫出每次系統登陸的時候,平台日誌就會記錄你的所有操作和登陸時間?

JS是運行於客戶端的,對伺服器的資源沒辦法進行操作,所以,你這個功能如果單純靠JS不能實現,只能用Ajax+伺服器腳本來實現..

問題是,針對一個記錄操作,沒必要再搞的這麼複雜..因為判斷登錄永遠是在伺服器進行邏輯判斷的,在此業務邏輯中插入一段代碼就可以起到記錄操作,而沒必要在驗證成功後,再用Ajax非同步調用另外的頁面,實現記錄操作..

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/279006.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-20 15:02
下一篇 2024-12-20 15:02

相關推薦

  • 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
  • 如何設置chrome不同步手機歷史記錄

    使用chrome瀏覽器時,在登錄chrome賬號的情況下,由於默認同步功能,瀏覽器歷史記錄等數據都會同步到其他設備上,但是有時候我們並不想這麼做,比如為了保護隱私、避免干擾等等。所…

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

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

    編程 2025-04-29

發表回復

登錄後才能評論