欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript SocialHistory 檢查訪問者是否訪問過某站點(diǎn)

 更新時(shí)間:2008年08月02日 01:11:55   作者:  
今天delicious上這個(gè)名為 SocialHistory 的腳本十分引人注目。源代碼可以在這里下載。這段js代碼的功能就是判斷你的用戶有沒有訪問過某個(gè)網(wǎng)站。使用方法很簡(jiǎn)單,例如:
window.onload = function() {
    var sl = new SocialHistory();
    alert(sl.doesVisit("www.dbjr.com.cn"));
}
如果用戶曾經(jīng)使用過www.dbjr.com.cn,那么該函數(shù)就會(huì)返回真,否則返回假。

其實(shí)原理并不復(fù)雜,它利用了鏈接的 a:visited 偽類的屬性。首先在頁面上生成一個(gè)iframe,并在這個(gè)iframe中設(shè)置 a 和 a:visited 為不同的樣式。然后將網(wǎng)站的鏈接插入到 iframe 中。瀏覽器就會(huì)根據(jù)用戶的訪問歷史,為訪問過的鏈接設(shè)置 a:visited 的樣式。最后再獲得鏈接的最終樣式,如果是 a:visited,就可以認(rèn)為用戶訪問過該網(wǎng)站了。具體的實(shí)現(xiàn)方式可以參考源代碼。

這個(gè)腳本主要用于顯示社會(huì)性書簽的圖標(biāo),可以恰到好處地顯示用戶所使用的網(wǎng)站。但我擔(dān)心,這樣的做法是不是有盜取用戶隱私之嫌?雖然這個(gè)方法只能判斷用戶有無訪問特定的網(wǎng)站,并不能無限制地得到所有訪問歷史。



/*
* Social Limit - Only the social you care about.
*
* Enables your site to know which social bookmarking badges to display to your
* visitors. It tells you all social sites the user has gone to, or you can
* query for a specific one.
*
* For example:
*
* var sl = SocialHistory();
* alert( sl.doesVisit("Digg") ); // Returns true/false, -1 if unknown.
* var listOfVisitedSites = sl.visitedSites();
* var checkedSites = sl.checkedSites();
*
* If you want to add more sites to check, you can pass that in as a dictionary
* to History:
*
* var more = { "Humanized": "http://humanized.com",
* "Azarask.in": ["http://azarask.in", "http://azarask.in/blog"]
* };
* var sl = SocialHistory(more);
* alert( sl.doesVisit("Humanized") );
*
* For a list of built-in sites, see the sites variable below.
*
* Copyright (c) 2008 Aza Raskin (http://azarask.in/blog)
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
*/

var SocialHistory = function( moreSites ){

var sites = {
"Digg": ["http://digg.com", "http://digg.com/login"],
"Reddit": ["http://reddit.com", "http://reddit.com/new/", "http://reddit.com/controversial/", "http://reddit.com/top/", "http://reddit.com/r/reddit.com/", "http://reddit.com/r/programming/"],
"StumbleUpon": ["http://stumbleupon.com"],
"Yahoo Buzz": ["http://buzz.yahoo.com"],
"Facebook": ["http://facebook.com/home.php", "http://facebook.com", "https://login.facebook.com/login.php"],
"Del.icio.us": ["https://secure.del.icio.us/login", "http://del.icio.us/"],
"MySpace": ["http://www.myspace.com/"],
"Technorati": ["http://www.technorati.com"],
"Newsvine": ["https://www.newsvine.com", "https://www.newsvine.com/_tools/user/login"],
"Songza": ["http://songza.com"],
"Slashdot": ["http://slashdot.org/"],
"Ma.gnolia": ["http://ma.gnolia.com/"],
"Blinklist": ["http://www.blinklist.com"],
"Furl": ["http://furl.net", "http://furl.net/members/login"],
"Mister Wong": ["http://www.mister-wong.com"],
"Current": ["http://current.com", "http://current.com/login.html"],
"Menaeme": ["http://meneame.net", "http://meneame.net/login.php"],
"Oknotizie": ["http://oknotizie.alice.it", "http://oknotizie.alice.it/login.html.php"],
"Diigo": ["http://www.diigo.com/", "https://secure.diigo.com/sign-in"],
"Funp": ["http://funp.com", "http://funp.com/account/loginpage.php"],
"Blogmarks": ["http://blogmarks.net"],
"Yahoo Bookmarks": ["http://bookmarks.yahoo.com"],
"Xanga": ["http://xanga.com"],
"Blogger": ["http://blogger.com"],
"Last.fm": ["http://www.last.fm/", "https://www.last.fm/login/"],
"N4G": ["http://www.n4g.com"],
"Faves": ["http://faves.com", "http://faves.com/home", "https://secure.faves.com/signIn"],
"Simpy": ["http://www.simpy.com", "http://www.simpy.com/login"],
"Yigg": ["http://www.yigg.de"],
"Kirtsy": ["http://www.kirtsy.com", "http://www.kirtsy.com/login.php"],
"Fark": ["http://www.fark.com", "http://cgi.fark.com/cgi/fark/users.pl?self=1"],
"Mixx": ["https://www.mixx.com/login/dual", "http://www.mixx.com"],
"Google Bookmarks": ["http://www.google.com/bookmarks", "http://www.google.com/ig/add?moduleurl=bookmarks.xml&hl=en"],
"Subbmitt": ["http://subbmitt.com/"]
};

for( var site in moreSites ) {
// If we don't have the site, create the URL list.
if( typeof( sites[site] ) == "undefined" ) sites[site] = [];

// If the value is string, just push that onto the URL list.
if( typeof( moreSites[site] ) == "string" )
sites[site].push( moreSites[site] );
else
sites[site] = sites[site].concat( moreSites[site] );
}

var visited = {};

function getStyle(el, scopeDoc,styleProp) {
if (el.currentStyle)
var y = el.currentStyle[styleProp];
else if (window.getComputedStyle)
var y = scopeDoc.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp);
return y;
}

function remove( el ) {
el.parentNode.removeChild( el );
}

// Code inspired by:
// bindzus.wordpress.com/2007/12/24/adding-dynamic-contents-to-iframes
function createIframe() {
var iframe = document.createElement("iframe");
iframe.style.position = "absolute";
iframe.style.visibility = "hidden";

document.body.appendChild(iframe);

// Firefox, Opera
if(iframe.contentDocument) iframe.doc = iframe.contentDocument;
// Internet Explorer
else if(iframe.contentWindow) iframe.doc = iframe.contentWindow.document;

// Magic: Force creation of the body (which is null by default in IE).
// Also force the styles of visited/not-visted links.
iframe.doc.open();
iframe.doc.write('<style>');
iframe.doc.write("a{color: #000000; display:none;}");
iframe.doc.write("a:visited {color: #FF0000; display:inline;}");
iframe.doc.write('</style>');
iframe.doc.close();

// Return the iframe: iframe.doc contains the iframe.
return iframe;
}

var iframe = createIframe();

function embedLinkInIframe( href, text ) {
var a = iframe.doc.createElement("a");
a.href = href;
a.innerHTML = site;
iframe.doc.body.appendChild( a );
}

for( var site in sites ) {
var urls = sites[site];
for( var i=0; i<urls.length; i++ ) {
// You have to create elements in the scope of the iframe for IE.
embedLinkInIframe( urls[i], site );

// Automatically try variations of the URLS with and without the "www"
if( urls[i].match(/www\./) ){
var sansWWW = urls[i].replace(/www\./, "");
embedLinkInIframe( sansWWW, site );
} else {
// 2 = 1 for length of string + 1 for slice offset
var httpLen = urls[i].indexOf("http://") + 2;
var withWWW = urls[i].substring(0, httpLen ) + "www." + urls[i].substring( httpLen );
embedLinkInIframe( withWWW, site );
}

}
}

var links = iframe.doc.body.childNodes;
for( var i=0; i<links.length; i++) {
// Handle both Firefox/Safari, and IE (respectively)
var displayValue = getStyle(links[i], iframe.doc, "display");
var didVisit = displayValue != "none";

if( didVisit ){
visited[ links[i].innerHTML ] = true;
}
}
remove( iframe );

return new (function(){
var usedSites = [];
for( var site in visited ){
usedSites.push( site );
}

// Return an array of visited sites.
this.visitedSites = function() {
return usedSites;
}

// Return true/false. If we didn't check the site, return -1.
this.doesVisit = function( site ) {
if( typeof( sites[site] ) == "undefined" )
return -1;
return typeof( visited[site] ) != "undefined";
}

var checkedSites = [];
for( var site in sites ){
checkedSites.push( site );
}
// Return a list of the sites checked.
this.checkedSites = function(){
return checkedSites;
}
})();
}

相關(guān)文章

  • 循環(huán) vs 遞歸淺談

    循環(huán) vs 遞歸淺談

    本文代碼使用 JavaScript。 一些同學(xué)對(duì)遞歸的理解還停留在“是一種求階乘比循環(huán)低效的方法”。但其實(shí)遞歸和循環(huán)處理的問題是不同。拿“遍歷數(shù)組”這個(gè)問題來說:循環(huán)適合同一維度(單層長(zhǎng)度不限)上的遍歷,而遞歸則適合跨維度(層數(shù)不限)的遍歷。
    2013-02-02
  • 關(guān)于JS變量和作用域詳解

    關(guān)于JS變量和作用域詳解

    下面小編就為大家?guī)硪黄P(guān)于JS變量和作用域詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-07
  • 設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài)的方法

    設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài)的方法

    本文為大家詳細(xì)介紹下如何設(shè)置jsf的選擇框h:selectOneMenu為不可編輯狀態(tài),具體實(shí)現(xiàn)代碼如下,希望對(duì)大家有所幫助
    2014-01-01
  • 微信小程序獲取微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼

    微信小程序獲取微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼

    本篇文章主要介紹了微信小程序微信運(yùn)動(dòng)步數(shù)的實(shí)例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07
  • JavaScript常用判斷寫法大全(推薦)

    JavaScript常用判斷寫法大全(推薦)

    這篇文章主要介紹了JavaScript常用判斷寫法(推薦)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-05-05
  • 用JavaScript繪圖 ——JS2D函數(shù)集

    用JavaScript繪圖 ——JS2D函數(shù)集

    用JavaScript繪圖 ——JS2D函數(shù)集...
    2007-01-01
  • 如何減少瀏覽器的reflow和repaint

    如何減少瀏覽器的reflow和repaint

    本文主要是結(jié)合自己的一些項(xiàng)目經(jīng)驗(yàn),給大家提出了幾點(diǎn)減少瀏覽器reflow和repaint的方法和注意事項(xiàng),希望對(duì)大家能有所幫助。
    2015-02-02
  • javascript中使用正則表達(dá)式清理table樣式的代碼

    javascript中使用正則表達(dá)式清理table樣式的代碼

    本文給大家講解的是使用javascript實(shí)現(xiàn)去除多余的TABLE的樣式,主要通過結(jié)合正則表達(dá)式來實(shí)現(xiàn),非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。
    2015-07-07
  • Bootstrap模仿起筷首頁效果

    Bootstrap模仿起筷首頁效果

    這篇文章主要為大家詳細(xì)介紹了Bootstrap模仿起筷首頁效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-05-05
  • 淺談layui 綁定form submit提交表單的注意事項(xiàng)

    淺談layui 綁定form submit提交表單的注意事項(xiàng)

    今天小編就為大家分享一篇淺談layui 綁定form submit提交表單的注意事項(xiàng),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2019-10-10

最新評(píng)論