如何在javascript中创建这个简单的警报?

时间:2012-08-19 04:35:55

标签: javascript html dreamweaver

我正在使用Dreamweaver中的HTML和JavaScript创建一个简单的网站。在我的主页上,我想显示一个警报(每当我的主页加载时),这表示"您好,您是访客号码。 12.欢迎来到我的网站!"。我想在home.html的每个页面加载时更改此访问者编号。

我基本上希望访客没有。存储在cookie中并增加no。每次页面刷新时,在cookie中加1。

如何制作此类提醒?请帮忙。感谢。

此外,我想知道我是否添加了此功能,它是网页上动态内容的示例,还是您必须创建数据库连接以及所有这些才能创建动态内容。创建cookie的想法也不是动态内容的一个例子吗?

编辑-1

我只想要那个。访问了多少次页面。我是初学者,希望一切都很简单。我只是想知道如何存储不。在cookie中访问,然后从该cookie中检索该值并在页面加载时在警报中显示该值。感谢。

6 个答案:

答案 0 :(得分:3)

如果要存储访问者数量,您需要使用后端脚本框架(PHP,Ruby,Rails,Python等)来存储您的页面在数据库中收到的访问次数。使用alert('message');

显示实际数字的javascript很简单

如果您只想要特定用户访问过的次数,请根据他们的本地信息,这是一个简单的解决方案:

if (localStorage.numVisits)
    numVisits = localStorage.numVisits;
else
    numVisits = 0;

alert("Welcome, you have visited " + numVisits + " times before.");    

localStorage.numVisits++;

答案 1 :(得分:2)

为此您需要创建表格,每次会话开始时,您需要在该表格中增加+1并提醒访问者号码。

表格如

   id : no
   -------
   1  : 3
   2  : 5

按摩

echo "
        <script type=\"text/javascript\">
        alert(\"Hello, you are visitor no. {$row["no"]}. Welcome to my site!\");
        </script>
    ";

答案 2 :(得分:2)

Cookie始终是客户端的!你不能这样做。完成所需内容的最简单方法是编写一个简单的php计数器,从文件中读取一个数字 - 添加一个并在查看页面后立即将其写回。

点击谷歌查看“柜台”的例子。

实际上没有办法计算所有访问者所拥有或拥有的客户端 - 客户端无法知道您的服务器被访问了x次;)

答案 3 :(得分:2)

为了让它变得非常简单(不使用数据库),您可以将数字存储在服​​务器的.txt文件中,并使用像PHP这样的简单脚本语言将其发送到客户端的隐藏字段中。每次运行PHP页面时,都必须获取当前数字并递增它。像这样:

$myFile = "counter.txt";
$fh = fopen($myFile, 'r');
$count = fgets($fh);
$count++;
fclose($fh);

$fh = fopen($myFile, 'w');
fwrite($fh, $count); // write the incremented counter
fclose($fh);

echo "<input type='hidden' id='counter' value='$count'>";

然后,您必须从javascript(客户端)获取此计数器值并向用户发出警报。

var visitCount = document.getElementById('counter');
alert("Hello, you are visitor no. "+visitCount+". Welcome to my site!");

答案 4 :(得分:1)

您无法在Cookie中保留全局页面查看次数。 Cookie存储在一个用户的浏览器中,并且仅在该浏览器本地存在。所有cookie都可以显示在单个浏览器中发生的页面浏览量。

所有观看者的页面视图计数必须在服务器级别完成,然后在请求页面时将信息放入页面。有一些免费方法可以使用StatCounter等免费服务级别将页面查看计数放入页面。

或者,您必须在自己的服务器中实现一个为页面提供服务的计数器(计数可能存储在持久数据库中),然后在每次请求时将当前计数插入页面。对于页面计数信息,最简单的方法就是使用像Statcounter这样的服务。

答案 5 :(得分:1)

Cookie不会在不同的访问者中持久存在。要为每个访问者提供访客号码,您需要存储在服务器上的内容。如果您无法访问服务器端功能,请使用访问者计数器 - https://www.google.com/#hl=en&q=visitor+counter