抓网页_面包网_javaWeb展示

于 2016-10-20 10:45:00 发布
阅读量185 收藏
点赞数
文章标签： javascript java ViewUI
原文链接：http://www.cnblogs.com/CodeHouseZ/p/5979938.html
版权

ZC: javase部分的 获取信息的相关代码，看 抓网页_面包网_javaSE 。

1、index.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="utf-8"%>
<%@page import="mianBao.*, z_utils.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta charset="UTF-8"> <!-- for HTML5 -->
<title>电影信息JSP</title>

    <style type="text/css">
        .movieDetailMsg
        {
        }
        .moviePic
        {
            width:112px;
        }
        
        table
        {
            background-color: white;
            padding-left: 5px;
        }
        table tr:nth-child(2)
        {
            background-color: silver;
        }
        table tr:nth-child(5)
        {
            background-color: silver;
        }
        table tr:last-child td/*<tr/>是不会绘制border的，只有对<td/>设置 才有效*/
        {
            border-top: 1px solid black;
        }
        
        #back-to-top{
            position:fixed;
            right: 30px;
            bottom: 100px;
            display: block;
            z-index: 999999;
        }
        #back-to-top a{
            width: 50px;
            height: 50px;
            display: block;
            overflow: hidden;
            text-indent: -999px;
            /*background: url(../images/back-to-top.gif) 0 0 no-repeat #2d2d2d;*/
            background: url(http://www.mianbao99.com/static/images/back-to-top.gif) 0 0 no-repeat #2d2d2d;/*ZC: 很神奇的gif操作，需要学习一下*/
            border-radius: 25px;
        }
        #back-to-top a:hover{
            background-position: -50px 0;
            background-color: #f60;
        }
    </style>
    
    <script type="text/javascript">
    
        // 1、浏览器客户区窗口大小
        // 2、修改css文件信息(内部 / 外部)
        // 3、窗口改变事件
        
        window.onload = function()
        {
            BodyResize();
        };
        
        window.onscroll = function()
        { 
//             var scroll = document.documentElement.scrollTop || document.body.scrollTop;
//             var divPiao = document.getElementById("divPiao");
//             divPiao.style.top = (document.body.scrollTop + window.screen.availHeight - 200) +"px";
//             //divPiao.style.top = (document.body.scrollTop + document.body.offsetHeight - 200) +"px";
//             divPiao.style.left = (document.body.scrollWidth - 100) +"px";
//             console.log(window.screen.availWidth+" , "+window.screen.availHeight);
//             console.log(document.body.clientWidth+" , "+document.body.clientHeight);
        }
        
        function BodyResize()
        {
            var divMovieContent = document.getElementById("divMovieContent");
            var rtBody = divMovieContent.getBoundingClientRect();
            CssStyle_Set(null, ".movieDetailMsg", "width", (rtBody.width-112)+"px");
        }
        
        function ClickDivBack2Top()
        {
            document.body.scrollTop = 0;
        }
        
    // *** *** ***
        
    // *** 操作 css定义 begin
        // _strCssFilename 传入null时 ==> 操作本文件中的css定义
        // _strCssFilename 传入css文件名称时 ==> 操作外部文件中的css定义
        function CssStyle_Set(_strCssFilename, _strSelectorText, _strPropName, _strPropValue)
        {
            //console.log("");
            //console.log("document.styleSheets.length : "+document.styleSheets.length);
            for (var i=0; i<document.styleSheets.length; i++)
            {
                var sheet = document.styleSheets[i]; // CCCStyleSheet类型
                //console.log("sheet.href : "+sheet.href);
                
                var b = false;
                if (_strCssFilename == null)
                {
                    if (sheet.href == null)
                        b = true;
                }
                else
                {
                    if (sheet.href != null)
                    {
                        var strRtnFilename = Href_Filename(sheet.href).toLowerCase();
                        //console.log("strRtnFilename : "+strRtnFilename);
                        if (strRtnFilename == _strCssFilename.toLowerCase())
                            b = true;
                    }
                }
                
                if (b)
                {
                    var rules = sheet.cssRules || cssRules.rules;
                    if (rules.length > 0)
                    {
                        for (var j=0; j<rules.length; j++)
                        {
                            var rule = rules[j];
                            if (rule.selectorText.toLowerCase() == _strSelectorText.toLowerCase())
                            {
                                //console.log("rule : "+rule+" , rule.style : "+rule.style);
                                //console.log(rule.style.getPropertyValue(_strPropName));
                                rule.style.setProperty(_strPropName, _strPropValue);
                            }
                        }
                    }
                } // if (b)
            } // for
            return null;
        } // CssStyle_Set(...)
        
        function Href_Filename(_strCssHref)
        {
            // 返回的是文件名(如传入的是"http://localhost:8080/Html5_Video_Simplest/Play.css"，那么返回的就是"Play.css")
            var iInLen = _strCssHref.length;
            if (iInLen <= 0)
                return null;
            for (var i=(iInLen - 1); i>=0; i--)
            {
                if (_strCssHref.charAt(i) == '/')
                {
                    if (i == (iInLen - 1))
                        return null;
                    return _strCssHref.slice(i+1, iInLen);
                }
            }
            return null;
        }
    // *** 操作 css定义 end
<%
String strRequestPageIdx = request.getParameter("requestPageIdx");
if (strRequestPageIdx == null)
{%>
    var g_iPageIdxNow = 1;
<%}
else
{%>
    var g_iPageIdxNow = <%=strRequestPageIdx%>;
<%}
//动作片、喜剧片、爱情片、科幻片、恐怖片、战争片、剧情片、记录片、粤语片、动画电影
// 电影类型，从0开始计数
String strRequestType = request.getParameter("requestType");
if (strRequestType == null)
{%>
    var g_iMovieType = 0;
<%}
else
{%>
    var g_iMovieType = <%=strRequestType%>;
<%}%>

        function ClickMovieType(_event)
        {
            var btn = _event.target;
            //console.log(_event.target.value);
            if (btn.value == "动作片")
                g_iMovieType = 0;
            else if (btn.value == "喜剧片")
                g_iMovieType = 1;
            else if (btn.value == "爱情片")
                g_iMovieType = 2;
            else if (btn.value == "科幻片")
                g_iMovieType = 3;
            else if (btn.value == "恐怖片")
                g_iMovieType = 4;
            else if (btn.value == "战争片")
                g_iMovieType = 5;
            else if (btn.value == "剧情片")
                g_iMovieType = 6;
            else if (btn.value == "记录片")
                g_iMovieType = 7;
            else if (btn.value == "粤语片")
                g_iMovieType = 8;
            else if (btn.value == "动画电影")
                g_iMovieType = 9;
            
            g_iPageIdxNow = 1;
            PageGoto(g_iMovieType, 1);
        }
        
        function ClickNextPrev(_bNext)
        {
            if (_bNext)
                g_iPageIdxNow ++;
            else
            {
                if (g_iPageIdxNow <= 1)
                    g_iPageIdxNow = 1;
                else
                    g_iPageIdxNow --;
            }
            PageGoto(g_iMovieType, g_iPageIdxNow);
        }
        
        function PageGoto(_iMovieType, _iPageIdx)
        {
            var strUrl = null;
            if (g_iMovieType == 0)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-8-order-time-c-3719-p-";//1.html
            else if (g_iMovieType == 1)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-9-order-time-c-4058-p-";//1.html
            else if (g_iMovieType == 2)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-10-order-time-c-2059-p-";//1.html
            else if (g_iMovieType == 3)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-11-order-time-c-1098-p-";//1.html
            else if (g_iMovieType == 4)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-12-order-time-c-3110-p-";//1.html
            else if (g_iMovieType == 5)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-13-order-time-c-736-p-";//1.html
            else if (g_iMovieType == 6)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-14-order-time-c-8713-p-";//1.html
            else if (g_iMovieType == 7)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-23-order-time-c-1549-p-";//1.html
            else if (g_iMovieType == 8)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-27-order-time-c-208-p-";//1.html
            else if (g_iMovieType == 9)
                strUrl = "http://ajax.mianbao99.com/vod-showlist-id-31-order-time-c-658-p-";//1.html
            window.location.href="index.jsp?requestUrl="+strUrl+(""+g_iPageIdxNow)+".html&requestPageIdx="+g_iPageIdxNow+"&requestType="+g_iMovieType;
        }
        
        function Search()
        {
            var textSearch = document.getElementById("textSearch");
            if (textSearch.value)
            {
                var strUrl01 = "http://zhannei.baidu.com/cse/search?s=15458377474113538507&isNeedCheckDomain=1&jump=1&q=";
                window.open(strUrl01+textSearch.value); //在另外新建窗口中打开窗口
            }
        }
        
        function KeyDown_Search(_event)
        {
            if (_event.keyCode == 13)
            {
                 //_event.returnValue = false;
                 //_event.cancel = true;
                 Search();
            }
        }
    </script>
</head>

<body onresize="BodyResize()">

<div style="background-color:silver; display:-webkit-box;">
    <div>
        <div>
            <input type="button" value="动作片" onclick="ClickMovieType(event)" />
            <input type="button" value="喜剧片" onclick="ClickMovieType(event)"/>
            <input type="button" value="爱情片" onclick="ClickMovieType(event)"/>
            <input type="button" value="科幻片" onclick="ClickMovieType(event)"/>
            <input type="button" value="恐怖片" onclick="ClickMovieType(event)"/>
        </div>
        <div>
            <input type="button" value="战争片" onclick="ClickMovieType(event)"/>
            <input type="button" value="剧情片" onclick="ClickMovieType(event)"/>
            <input type="button" value="记录片" onclick="ClickMovieType(event)"/>
            <input type="button" value="粤语片" onclick="ClickMovieType(event)"/>
            <input type="button" value="动画电影" onclick="ClickMovieType(event)"/>
        </div>
    </div>
    <div  style="padding-left:50px;">
        <div>
            <input id="textSearch" type="text" onkeydown="KeyDown_Search(event)"/><input type="button" value="搜索" onclick="Search()" />
        </div>
        <div>
            <input type="button" value="上一页" onclick="ClickNextPrev(false)" />
            <input type="button" value="下一页" onclick="ClickNextPrev(true) "/>
        </div>
    </div>
</div>

<%
String strRequestUrl = request.getParameter("requestUrl");
if (strRequestUrl == null)
    strRequestUrl = "http://ajax.mianbao99.com/vod-showlist-id-8-order-time-c-3719-p-1.html";
//System.out.println(strRequestUrl);
String strHtml = TzHttpClient.GetZ(strRequestUrl);
//System.out.println(strHtml);

TmovieMianBao movie = new TmovieMianBao();
movie.FstrJson = strHtml;
movie.JsonZ();

String[] strsMovieType = {"动作片", "喜剧片", "爱情片", "科幻片", "恐怖片", "战争片", "剧情片", "记录片", "粤语片", "动画电影"};
int iMovieType = 0;
if (strRequestType != null)
    iMovieType = Integer.parseInt(strRequestType);
String strLocation = "当前位置 : "+strsMovieType[iMovieType]+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第["+movie.FstrPageIdxNow+"]页 / 共["+movie.FstrPageIdxTotal+"]页";
%>

<div>
    <%=strLocation%>
</div>
<div style="background-color: black; height:3px;"></div>

<div id="divMovieContent">
<%    
    if ( (movie.FlistMovieInfo != null) && (movie.FlistMovieInfo.size() > 0) )
    {
        for (int i=0; i<movie.FlistMovieInfo.size(); i++)
        {
            TinfoMianBaoMovie info = movie.FlistMovieInfo.get(i);
            //out.println(info.Fstr04_MovieName);
            //System.out.println(info.Fstr04_MovieName);
            //info.Fstr01_XiangQingLink
%>
    <div style="display:-webkit-box; margin-top:3px; margin-bottom:3px;" >
        <div>
            <a href="<%=info.Fstr01_XiangQingLink%>" target="_blank">
                <img class="moviePic" src="<%=info.Fstr02_PicLink%>" alt="<%=info.Fstr04_MovieName%>" />
                <%
                System.out.println(info.Fstr02_PicLink);
                %>
            </a>
        </div>
        <div class="movieDetailMsg">
            <table width="100%" border="0" cellpadding="2" cellspacing="0">
                <tr><td style="width:80px;">影片名:</td><td><a href="<%=info.Fstr01_XiangQingLink%>" target="_blank"><%=info.Fstr04_MovieName%></a></td></tr>
                <tr><td>评分:</td><td><%=info.Fstr03_Score%></td></tr>
                <tr><td>类型:</td><td><%=info.Fstr06_Type%></td></tr>
                <tr><td>更新时间:</td><td><%=info.Fstr07_UpdateDateTime%></td></tr>
                <tr><td>状态:</td><td><%=info.Fstr09_State%></td></tr>
                <tr><td>主演:</td><td><%=info.Fstr05_ZhuYan%></td></tr>
                <tr><td>剧情:</td><td><%=info.Fstr08_JuQing%></td></tr>
            </table>
        </div>
    </div>
    <div style="background-color: black; height:3px;"></div>
        
<%
        }
    }
%>

</div>
<!-- 
<div id="divPiao" style="background-color: pink; width:30px; height:20px; position: fixed; right: 20px; bottom: 100px; z-index: 999999;" οnclick="ClickDivPiao()">
    <label>TOP</label>
</div>
 -->
<div id="back-to-top">
    <a href=# target="_self">Back to Top</a>
</div>
    
</body>
</html>

 

2、index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电影信息</title>
    <style type="text/css">
        .movieDetailMsg
        {
            /*width :800px;*/
            height : 100%;
        }
    </style>
    <link rel="stylesheet" href="zctest.css">
    
    <script type="text/javascript">
    
        var g_iPageIdxNow = 0;
    
        // 1、浏览器客户区窗口大小
        // 2、修改css文件信息(内部 / 外部)
        // 3、窗口改变事件
        
        window.onload = function()
        {
            BodyResize();
            
            CssStyle_Test02();
        };
        
        function BodyResize()
        {
            var divMovieContent = document.getElementById("divMovieContent");
            var rtBody = divMovieContent.getBoundingClientRect();
            document.styleSheets[0].cssRules[0].style.width = (rtBody.width-112)+"px";
            if (document.styleSheets[0].cssRules == null)
                console.log("document.styleSheets[0].cssRules == null");
            else
                console.log("document.styleSheets[0].cssRules != null");
            
            if (document.styleSheets[1].cssRules == null)
                console.log("document.styleSheets[1].cssRules == null");
            else
                console.log("document.styleSheets[1].cssRules != null");
        }
        
    // *** *** ***

        // 测试代码
        function CssStyle_Test02()
        {
            CssStyle_Set("zctest.css", ".divVideoState_02", "height", "800px");
            console.log(CssStyle_Get("zctest.css", ".divVideoState_02", "height"));
            
            console.log(CssStyle_Get(null, ".movieDetailMsg", "height"));
        }
        
        // _strCssFilename 传入null时 ==> 操作本文件中的css定义
        // _strCssFilename 传入css文件名称时 ==> 操作外部文件中的css定义
        function CssStyle_Get(_strCssFilename, _strSelectorText, _strPropName)
        {
            console.log("");
            console.log("document.styleSheets.length : "+document.styleSheets.length);
            for (var i=0; i<document.styleSheets.length; i++)
            {
                console.log("==> "+i);
                var sheet = document.styleSheets[i]; // CCCStyleSheet类型
                //console.log("sheet.href : "+sheet.href);
                
                var b = false;
                if (_strCssFilename == null)
                {
                    if (sheet.href == null)
                        b = true;
                }
                else
                {
                    if (sheet.href != null)
                    {
                        var strRtnFilename = Href_Filename(sheet.href).toLowerCase();
                        //console.log("strRtnFilename : "+strRtnFilename);
                        if (strRtnFilename == _strCssFilename.toLowerCase())
                            b = true;
                    }
                }
                
                if (b)
                {
                    // ZC: 属性cssRules/rules的获取，只有在http服务器上的时候才可以获取，浏览器直接打开网页文件的话 是无法访问 这两个属性的 ! !
                    var rules = sheet.cssRules || sheet.rules;
                    if (rules.length > 0)
                    {
                        for (var j=0; j<rules.length; j++)
                        {
                            var rule = rules[j];
                            if (rule.selectorText.toLowerCase() == _strSelectorText.toLowerCase())
                            {
                                //console.log("rule : "+rule+" , rule.style : "+rule.style);
                                //console.log(rule.style.getPropertyValue(_strPropName));
                                return rule.style.getPropertyValue(_strPropName);
                            }
                        }
                    }
                } // if (b)
            } // for
            return null;
        } // CssStyle_Get(...)
        
        //*
        function Href_Filename(_strCssHref)
        {
            // 返回的是文件名(如传入的是"http://localhost:8080/Html5_Video_Simplest/Play.css"，那么返回的就是"Play.css")
            var iInLen = _strCssHref.length;
            if (iInLen <= 0)
                return null;
        
            for (var i=(iInLen - 1); i>=0; i--)
            {
                if (_strCssHref.charAt(i) == '/')
                {
                    if (i == (iInLen - 1))
                        return null;
                    return _strCssHref.slice(i+1, iInLen);
                }
            }
        
            return null;
        }
        //*/
        
        // _strCssFilename 传入null时 ==> 操作本文件中的css定义
        // _strCssFilename 传入css文件名称时 ==> 操作外部文件中的css定义
        function CssStyle_Set(_strCssFilename, _strSelectorText, _strPropName, _strPropValue)
        {
            //console.log("");
            //console.log("document.styleSheets.length : "+document.styleSheets.length);
            for (var i=0; i<document.styleSheets.length; i++)
            {
                var sheet = document.styleSheets[i]; // CCCStyleSheet类型
                //console.log("sheet.href : "+sheet.href);
                
                var b = false;
                if (_strCssFilename == null)
                {
                    if (sheet.href == null)
                        b = true;
                }
                else
                {
                    if (sheet.href != null)
                    {
                        var strRtnFilename = Href_Filename(sheet.href).toLowerCase();
                        //console.log("strRtnFilename : "+strRtnFilename);
                        if (strRtnFilename == _strCssFilename.toLowerCase())
                            b = true;
                    }
                }
                
                if (b)
                {
                    var rules = sheet.cssRules || cssRules.rules;
                    if (rules.length > 0)
                    {
                        for (var j=0; j<rules.length; j++)
                        {
                            var rule = rules[j];
                            if (rule.selectorText.toLowerCase() == _strSelectorText.toLowerCase())
                            {
                                //console.log("rule : "+rule+" , rule.style : "+rule.style);
                                //console.log(rule.style.getPropertyValue(_strPropName));
                                rule.style.setProperty(_strPropName, _strPropValue);
                            }
                        }
                    }
                } // if (b)
            } // for
            return null;
        } // CssStyle_Set(...)
    </script>
</head>
<body onresize="BodyResize()">

<div style="background-color:silver; display:-webkit-box;">
    <div>
        <div>
            <input type="button" value="动作片"/>
            <input type="button" value="喜剧片"/>
            <input type="button" value="爱情片"/>
            <input type="button" value="科幻片"/>
            <input type="button" value="恐怖片"/>
        </div>
        <div>
            <input type="button" value="战争片"/>
            <input type="button" value="剧情片"/>
            <input type="button" value="记录片"/>
            <input type="button" value="粤语片"/>
            <input type="button" value="动画电影"/>
        </div>
    </div>
    <div  style="padding-left:50px;">
        <div>
            <input type="text" /><input type="button" value="搜索"/>
        </div>
        <div>
            <input type="button" value="上一页"/>
            <input type="button" value="下一页"/>
        </div>
    </div>
</div>

<div id="divMovieContent">
    <div style="display:-webkit-box; margin-top:1px; margin-bottom:1px;" >
        <div><img src="http://img.mianbao99.com:88/thumb/580360837a4e0.jpg" alt="红色警戒999" /></div>
        <div class="movieDetailMsg">
            <table width="100%" border="1" cellpadding="2" cellspacing="0">
                <tr><td style="width:80px;">评分:</td><td>0.0</td></tr>
                <tr><td>类型:</td><td>悬疑 冒险</td></tr>
                <tr><td>更新时间:</td><td>2016-10-16 19:12:34</td></tr>
                <tr><td>状态:</td><td>BD</td></tr>
                <tr><td>主演:</td><td>卡西·阿弗莱克  切瓦特·埃加福特 安东尼·麦凯 亚伦·保尔</td></tr>
                <tr><td>剧情:</td><td>俄罗斯黑帮头目伊琳娜（凯特·温丝莱特 Kate Winslet 饰）唆使一批腐败的警察进行了一起完美的银行抢劫行动，由于几人均身处警界内部，反侦察能力极强，因此想要查出案件的真相几乎是不可能的事情。然而，几人并不知…</td></tr>
            </table>
        </div>
    </div>
</div>

</body>
</html>

 

3、

4、

5、

 

转载于:https://www.cnblogs.com/CodeHouseZ/p/5979938.html

GD411743493
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值