javascript点击跟踪链接,href链接

时间:2012-02-21 19:44:31

标签: javascript function onclick flat-file

我有一个为swf文件生成动态链接的脚本....

例如脚本将生成

<a href=" { url } / swf / file . swf ">Click File</a>

当他们点击链接时,它会在灯箱中打开swf文件,因此我无法使用php作为其客户端

我可以更改脚本以便添加

onClick="javascript: FUNCTION;"

如何用javascript函数写入名为

的基目录中的文件

'click-log.txt',其中包含链接和时间戳的href ...

让我们说点击的链接有网址

http://example.com/data/swf/file1.swf

我希望将日志文件写成

1329849120 , 82.**.***.*** , /data/swf/file1.swf

我认为更容易编写完整的文件路径,但如果它最简单,我会很满意文件名,甚至是完整的URL ....

我已将此代码编码为在页面加载时使用php多次,但无法编写javascript来执行此操作.....

谢谢你们

2 个答案:

答案 0 :(得分:1)

Javascript是一种客户端语言,它在客户端(访问者)计算机上执行,对于这种日志记录,您应该使用像PHP这样的服务器端语言在您的Web服务器上创建日志文件。您可以尝试查看此网站以获取简单的日志功能。

http://svidhya.wordpress.com/2008/02/01/creating-and-writing-log-files/

答案 1 :(得分:0)

这是头脑(ajax请求)

<script type="text/javascript">
function clickLog(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","click-log.php?url="+str,true);
xmlhttp.send();
}
</script>

这将打开'click-log.php',其中url参数为'str'&lt;&lt;&lt; 'str'在onclick函数括号中定义为'this.href'

<a href=" { url } / file .swf " onClick="clickLog(this.href)">Click Me</a>

当点击链接时,它会打开并处理php文件,链接href(this.href)作为参数url =

剧本甚至带来了这个......

<div id="txtHint"></div>

如果你把这个div放在要点击的链接下面,它会回显click-log.php输出......

这将在下面解释....

这是我的php文件

<?php

$url = $_GET['url'];

$time = date('U');

$ip = $_SERVER['REMOTE_ADDR'];

$fp = fopen('click-log.txt', 'a');
$fwrite = fwrite($fp, $time.' , '.$ip.' , '.$url.'
');

// --- echo 'Log Written'; --- // 

?>

这会写入文本文件'click-log.txt'的结尾,并点击链接的时间戳,IP和href

注释掉的回显线,一旦点击链接并处理了ajax请求,就会将“Log Written”文本插入“txtHint”div中

所有使用的文件都在基本目录中,但是任何想在其网站上实现此脚本的人都可能已经知道如何更改文件位置等

...

.....感谢信息人......另一个成功的剧本:)

ps,现在编写脚本向我展示漂亮的图形和饼图中的日志文件:lmao: