淘宝客网站的链接跳转形式

今天看到一个淘宝客网站采用的链接跳转形式很值得学习，我放出代码供大家参考：

首先在模版文件中需要调用淘宝客链接的地方调用一个html文件，该文件格式如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>请稍候......</title>
<script type="text/javascript" src="loads.js"></script>
</head>
<body>
</body>
</html>

你也可以在这里放一个统计代码以便统计数据。

然后新建一个loads.js，在js文件中插入如下代码：

function onloads(){
    var url = location.search;
    /**********************************************************************************************
    *
    * 修改方法：如果销售页有10个产品，那么依次安装顺序填充location.href="淘宝客推广代码";
    *
    **********************************************************************************************/
   if(url=="?id=1"){
        location.href="淘宝客推广代码";
    }
   if(url=="?id=2"){
        location.href=" 淘宝客推广代码 ";
    }
   if(url=="?id=3"){
        location.href=" 淘宝客推广代码 ";
    }
   if(url=="?id=4"){
        location.href=" 淘宝客推广代码 ";
    }
   if(url=="?id=5"){
        location.href=" 淘宝客推广代码 ";
    }
}
//调用函数
onloads();

 如何使用这两个文件呢？

在我们可以更改这个js文件使得他可以跳转到我们指定的链接地址，然后在需要调用的地方加上那个html文件的路径+?id=*，即可使用了。

posted @ 2012-09-19 14:09  Anson's  阅读(735)  评论(0)  编辑  收藏  举报