HTML网页解析

作者: 热爱生活的男孩子 | 来源:发表于2017-07-22 16:16 被阅读0次
网页解析:
            //解析
            var entity=JSON.parse(response);
            console.log("");
            //得到一个数组
            var typeArray=entity.data[0].data;
            //找到根容器
            var $root=$("#ChinaCartoon");
            //for 数组
            for(var i=0;i<typeArray.length;i++)
            {
                //取到一个分类
                var type=typeArray[i];
            //创建div
            var $div=$("<div>");
            //创建a
            var $a=$("<a>");
            $a.attr("href","cartoonList/cartoonList.html?country=China&id="+type.id);
            //创建img
            var $img=$("<img>");
            //设置img的src属性
            $img.attr("src",config.server+type.icon);
            //创建namespan
            var $nameSpan=$("<span class='typeName'>"+type.name+"</span>")
            //创建desSpan
            var $desSpan=$("<span class='typeDes'>"+type.des+"</span>");
            //把img,nameSpan,desSpan放到a
            $a.append($img);
            $a.append($nameSpan);
            $a.append($desSpan);
            //把a放到div
            $div.append($a);
            //把div放到根容器中
            $root.append($div);
            }```

相关文章

  • Html_note_01

    HTML 俗称网页,是用来开发网页,做前端的 HTML结构解析 HyperTextMarkupLanguage <...

  • 2021-12-10 js中的v8 引擎

    编译型语言和解释性语言 网页渲染过程: 过程 - 首先是网页内容,输入到HTML解析器,HTML解析器解析,然后构...

  • Jsoup解析HTML基础用法

    Jsoup可以解析网络和本地HTML,常用一般为通过网址解析网页,解析网页可以通过get和post方法获取网页内容...

  • script async和defer, 什么是阻塞渲染

    浏览器渲染逻辑 浏览器下载html网页,边下载边解析渲染 解析过程中发现script标签 网页停止解析,把网页渲染...

  • 浏览器渲染

    网页 = HTML+CSS+JavaScript 浏览器渲染机制: 1、 解析HTML标签,构建DOM树2、 解析...

  • HTML网页解析

    网页解析:

  • 浏览器渲染机制、重绘、重排

    网页生成的过程 HTML解析器会将html解析成DOM树 CSS解析器会将css解析成CSSOM树 结合DOM树和...

  • python 之网页解析器

    一、什么是网页解析器 1、网页解析器名词解释 首先让我们来了解下,什么是网页解析器,简单的说就是用来解析html网...

  • Linux_210_浏览器解析HTML

    浏览器解析HTML 浏览器拿到index.html文件之后,解析html网页文件,遇见静态资源(js、css、im...

  • Python 爬虫

    工具 下载器:urllib3网页解析器:html.parser、lxml网页解析库:beautifulsoup4爬...

网友评论

    本文标题:HTML网页解析

    本文链接:https://www.haomeiwen.com/subject/cmyukxtx.html