天猫的全部筛选功能怎么做 js

JavaScript07

天猫的全部筛选功能怎么做 js,第1张

js商品筛选功能的具体代码步骤如下:

1、根据数据结构生成HTML结构(利用dom操作)。

2、获取每一个li,给每一个li中每一个a标签绑定事件处理函数。

3、点击a标签,把a标签的内容添加在对象中,同时添加样式。

4、根据对象存的属性生成选择则条件的HTML结构(按顺序排列)。

5、点击关闭选择的条件,删除数据,移除HTML结构,去除在其对应的li中的样式。

伪代码:

这里假设 商品购买量为 a, 商品单价为b, b和a的关系为b=a*x, 商品总价为S, 则

if (a<=100){S=a*b}

if (a>100 &&a<=200){S=a*b}

function(a){

if(a<=100)

b = 300

if(a>100 &&a<=200)

b = 270

return b

}

以此类推

伪代码:这里假设 商品购买量为 a, 商品单价为b, b和a的关系为b=a*x, 商品总价为S, 则if (a<=100){S=a*b}if (a>100 &&a<=200){S=a*b}function(a){if(a<=100)b = 300if(a>100 &&a<=200)b = 270return b}以此类推

你好!

页面中显示的楼盘对比的导航,其中js有这样一段代码:

<script>

.....

init_comp_bar()

.....

</script>

其中:

function init_comp_bar() {

        ............

        set_fixed_position()

        initCompareBar()

        show_change(0)

        setInterval(initCompareBar, 2000)    //此句为关键

}

而这个initCompareBar 就是读取cookies并显示的方法:

function initCompareBar() {

        var compCookie = Cookie.getCookie("wz_houseapp_compare")

        if (g_comp_cookie == compCookie) {

                return false

        } else {

                g_comp_cookie = compCookie

        }

        if (g_comp_cookie) {

                var cookieArr = g_comp_cookie.split("||")

                if (cookieArr.length < 2) {

                        cmp_cont_change(0)

                        return false

                }

                var cur_city = cookieArr[0]

                if (cur_city != g_cur_city || cookieArr[1].length < 2) {

                        cmp_cont_change(0)

                        return false

                }

                var cmp_arr = cookieArr[1].split("|")

                var cmp_len = cmp_arr.length

                if (cmp_len < 1) {

                        cmp_cont_change(0)

                        return false

                }

                var itemStr = ""

                for (var i = 0 i < cmp_len i++) {

                        var house_info = cmp_arr[i].split(",")

                        itemStr += '<li><span title="删除" onclick="removeCompareItem(' + house_info[1] + ')">删除</span>'

                        itemStr += '<a href="http://db.house.qq.com/' + cur_city + '_' + house_info[1] + '/" target="_blank" >' + house_info[0] + '</a></li>'

                }

                Fid("cmp_cont_item").innerHTML = itemStr

                cmp_cont_change(cmp_len)

        } else {

                cmp_cont_change(0)

        }

        setTopFrame()

}

希望对你有帮助!!