下载网页的三种方法

来源:互联网 发布:燃气轮机联合循环 知乎 编辑:程序博客网 时间:2024/05/13 16:20
1.
最简洁的:给定一个URL,将其传送给urllib2模块的urlopen(url)方法,以url作为参数,发送网页请求。返回的内容传送给response对象。
2.
增强处理,添加data、http header.步骤如下:1)添加一个header,可以向服务器提交http的头信息;添加一个data,可以向服务器提交需要用户输入的数据2)把三个参数url、data、header 传送给urllib2的Request类,生成一个request对象3)再以request作为参数把内容传送给urlopen()对象
此方法最终效果与第一种一致,都是下载了一个URL指向的网页上的内容但方法二可以做更多的事:比如向服务器发送信息;通过提供http头信息来伪装成某个浏览器(增大访问网页的成功概率)
3.
登陆,代理,加密,自动跳转遇到特殊情景时需要添加特殊情景处理器1、需要用户登录才能访问的网页。添加cookie处理,使用HTTPCookieProcessor。2、需要代理才能访问的网页。使用ProxyHandler。3、协议使用HTTPS加密访问的网页。使用HTTPSHandler。4、URL相互自动跳转的网页。使用HTTPRedirectHandler。将以上这些Handler传送给urllib2的build_opener(Handler)方法,生成一个opener对象。然后向urllib2中install_opner(opner)这个opener,这样urllib2模块就具有了这些场景的处理能力。最后用urlopen()方法请求一个url或请求一个request,来实现网页的下载。代码:增强cookie处理
In [1]: import urllib2In [2]: import cookielibIn [3]: url='http://www.imooc.com/video/10682'In [4]: res=urllib2.urlopen(url)#下载网页传送给res对象In [5]: res.getcode()#特定的状态码Out[5]: 200In [6]: request =urllib2.Request(url)#将url作为参数,生成request对象In [7]: request.addrequest.add_data                 request.add_unredirected_headerrequest.add_headerIn [7]: request.add_header('user-agent','Molliza/5.0')#添加头信息伪装成火狐浏览器In [8]: res2=urllib2.urlopen(res2)In [9]: res2.getcode()Out[9]: 200In [10]: cj=cookielib.Ccookielib.Cookie        cookielib.CookieJar     cookielib.CookiePolicyIn [10]: cj=cookielib.CookieJar()#创建一个cook容器In [11]: opener=urllib2.burllib2.base64        urllib2.bisect        urllib2.build_openerIn [11]: opener=urllib2.burllib2.base64        urllib2.bisect        urllib2.build_openerIn [11]: opener=urllib2.build_opener(urllib2.H)urllib2.HTTPBasicAuthHandler             urllib2.HTTPHandlerurllib2.HTTPCookieProcessor              urllib2.HTTPPasswordMgrurllib2.HTTPDefaultErrorHandler          urllib2.HTTPPasswordMgrWithDefaultRealmurllib2.HTTPDigestAuthHandler            urllib2.HTTPRedirectHandlerurllib2.HTTPError                        urllib2.HTTPSHandlerurllib2.HTTPErrorProcessorIn [11]: opener=urllib2.build_opener(urllib2.HTTPCookieProcessor(cj))#创建一个openerIn [12]: ururl      urllib2In [12]: urllib2.install_opener(opener)#给URLlib2安装openerIn [13]: res3=urllib2.urlopen(url)#使带有cook的URLlib2访问网页In [14]: print cj<cookielib.CookieJar[<Cookie cvde=584d61e13bdbd-1 for .imooc.com/>, <Cookie imooc_isnew=1 for .imooc.com/>, <Cookie imooc_isnew_ct=1481466337 for .imooc.com/>, <Cookie imooc_uuid=eac67426-8a72-40d6-a6da-f100bb2ea17c for .imooc.com/>, <Cookie PHPSESSID=5hr12jmps6so3gc5ehg1rg0d17 for www.imooc.com/>]>In [15]: res3.read()Out[15]: '<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset="utf-8">\r\n<meta property="qc:admins" content="77103107776553571676375" />\r\n<meta property="wb:webmaster" content="c4f857219bfae3cb" />\r\n<meta http-equiv="Access-Control-Allow-Origin" content="*" />\r\n<meta name="Keywords" content="" />\r\n<meta name="Description" content="\xe8\xb6\x85\xe9\x85\xb7\xe7\x9a\x84\xe4\xba\x92\xe8\x81\x94\xe7\xbd\x91\xe3\x80\x81IT\xe6\x8a\x80\xe6\x9c\xaf\xe5\x85\x8d\xe8\xb4\xb9\xe5\xad\xa6\xe4\xb9\xa0\xe5\xb9\xb3\xe5\x8f\xb0\xef\xbc\x8c\xe5\x88\x9b\xe6\x96\xb0\xe7\x9a\x84\xe7\xbd\x91\xe7\xbb\x9c\xe4\xb8\x80\xe7\xab\x99\xe5\xbc\x8f\xe5\xad\xa6\xe4\xb9\xa0\xe3\x80\x81\xe5\xae\x9e\xe8\xb7\xb5\xe4\xbd\x93\xe9\xaa\x8c\xef\xbc\x9b\xe6\x9c\x8d\xe5\x8a\xa1\xe5\x8f\x8a\xe6\x97\xb6\xe8\xb4\xb4\xe5\xbf\x83\xef\xbc\x8c\xe5\x86\x85\xe5\xae\xb9\xe4\xb8\x93\xe4\xb8\x9a\xe3\x80\x81\xe6\x9c\x89\xe8\xb6\xa3\xe6\x98\x93\xe5\xad\xa6\xe3\x80\x82\xe4\xb8\x93\xe6\xb3\xa8\xe6\x9c\x8d\xe5\x8a\xa1\xe4\xba\x92\xe8\x81\x94\xe7\xbd\x91\xe5\xb7\xa5\xe7\xa8\x8b\xe5\xb8\x88\xe5\xbf\xab\xe9\x80\x9f\xe6\x88\x90\xe4\xb8\xba\xe6\x8a\x80\xe6\x9c\xaf\xe9\xab\x98\xe6\x89\x8b\xef\xbc\x81" />\r\n<meta http-equiv="Content-Security-Policy" content="script-src \'self\' \'unsafe-inline\' \'unsafe-eval\' *.imooc.com *.mukewang.com *.baidu.com *.sina.com.cn">\r\n\r\n<title>Python\xe7\x88\xac\xe8\x99\xaburlib2\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe7\xbd\x91\xe9\xa1\xb5\xe7\x9a\x84\xe4\xb8\x89\xe7\xa7\x8d\xe6\x96\xb9\xe6\xb3\x95-\xe6\x85\x95\xe8\xaf\xbe\xe7\xbd\x91</title>\r\n\r\n\r\n\r\n<link rel="stylesheet" href="/static/lib/layer/1.6.0/skin/layer.css"/>\r\n\r\n<link rel="stylesheet" href="/static/moco/v1.0/dist/css/moco.min.css" type="text/css" />\r\n<script type="text/javascript">\r\n  var OP_CONFIG={"module":"course","page":"video"};\r\n  var tplDef={\r\n\t"url_space_u":"/space/u",\r\n\t"url_space_index":"/space/index",\r\n    "url_space_course":"/space/course",\r\n    "myclub_rule":"/about/faq?t=3",\r\n    "url_course_qadetail":"/qadetail",\r\n    "media_id":"10682"\r\n  }\r\n  var seajsTimestamp="v=201612071925";\r\n  var courseName="Python\xe5\xbc\x80\xe5\x8f\x91\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab";\r\n    var isLogin = 0;\r\n  </script>\r\n\r\n\r\n\r\n<script type="text/javascript">\r\nvar pageInfo = { mid : 10682 };\r\nvar video_id= 9495;\r\nvar course_id = 563;\r\nvar chapter_id = 2801;\r\nvar ispreview =\'0\';\r\nvar videoTitle = "5-2 Python\xe7\x88\xac\xe8\x99\xaburlib2\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe7\xbd\x91\xe9\xa1\xb5\xe7\x9a\x84\xe4\xb8\x89\xe7\xa7\x8d\xe6\x96\xb9\xe6\xb3\x95";\r\n</script>\r\n\r\n\r\n<link rel="stylesheet" href="http://static.mukewang.com/static/css/??base.css,common/common-less.css?t=3,course/inc/course_common-less.css?t=4,common/pic-viewer-less.css,course/course_play-less.css,nanoscroller.css?v=201612071925" type="text/css" />\n</head>\r\n<body >\r\n\r\n\r\n<div id="header" class="course-detail-header">\r\n  <div class="cd-inner clearfix">\r\n      <ul class="l">\r\n        <li class="nv nv-goback"><a href="/learn/563" class="revert l"><i class="icon icon-left"></i></a></li>\r\n        <li class="nv nv-menu">\r\n          <a href="javascript:;" class="chaptername J-chaptername"  data-id="10682" style="cursor:text;"><span>Python\xe5\xbc\x80\xe5\x8f\x91\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab</span><em>5-2 Python\xe7\x88\xac\xe8\x99\xaburlib2\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe7\xbd\x91\xe9\xa1\xb5\xe7\x9a\x84\xe4\xb8\x89...</em></a>\r\n        </li>\r\n        <li class="nv nv-share bdsharebuttonbox" >\r\n          <!-- note:bdshare cannt user inner icon tag-->\r\n            <span>\xe5\x88\x86\xe4\xba\xab</span>\r\n            <a class="bds_weixin" data-cmd="weixin"></a>\r\n            <a class="bds_qzone" data-cmd="qzone" href="#"></a>\r\n            <a class="bds_tsina" data-cmd="tsina"></a>\r\n\r\n          <div style="display:none" id="coursePic" ><img src="http://img.mukewang.com/57466ffc00015e2f06000338-590-330.jpg"></div>\r\n        </li>\r\n        <li class="nv credit-tips js-share-statue">\r\n          <span>\xe5\x88\x86\xe4\xba\xab\xe5\x8d\xb3\xe5\x8f\xaf +</span><strong>1\xe7\xa7\xaf\xe5\x88\x86</strong>\r\n        </li>\r\n      </ul>\r\n\r\n              <div id="login-area">\r\n            <ul class="header-unlogin clearfix">\r\n                <li class="header-app">\r\n                    <a href="/mobile/app" >\r\n                        <span class="icon-appdownload"></span>\r\n                    </a>\r\n                    <div class="QR-download">\r\n                        <p id="app-text">\xe6\x85\x95\xe8\xaf\xbe\xe7\xbd\x91APP\xe4\xb8\x8b\xe8\xbd\xbd</p>\r\n                        <p id="app-type">iPhone / Android / iPad</p>\r\n                        <img src="/static/img/index/QR-code.jpg">\r\n                    </div>\r\n                </li>\r\n                <li class="header-signin">\r\n                    <a href="#" id="js-signin-btn">\xe7\x99\xbb\xe5\xbd\x95</a>\r\n                </li>\r\n                <li class="header-signup">\r\n                    <a href="#" id="js-signup-btn">\xe6\xb3\xa8\xe5\x86\x8c</a>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n        \r\n  </div>\r\n</div>\r\n\r\n<div id="studyMain">\r\n\r\n \r\n<div id="bgarea" class="video-con">\r\n    <div class="js-box-wrap">\r\n        <div id="J_Box" class="course-video-box">\r\n            <div id="video-box" class="video-wrap"></div>\r\n            <div class="next-box J_next-box hide">\r\n                <div class="next-box-inner">\r\n                                            <div class="course-tip-layer J-next-course" data-next-src="/video/10683">\r\n                            <h2>\xe4\xb8\x8b\xe4\xb8\x80\xe8\x8a\x82\xe8\xaf\xbe\xe7\xa8\x8b\xef\xbc\x9a Python\xe7\x88\xac\xe8\x99\xaburlib2\xe5\xae\x9e\xe4\xbe\x8b\xe4\xbb\xa3\xe7\xa0\x81\xe6\xbc\x94\xe7\xa4\xba\r\n                                <span class="course-duration"> (05:06)</span>\r\n                            </h2>\r\n                            <div class="J-next-auto hide next-auto"><em>3</em> \xe7\xa7\x92\xe5\x90\x8e\xe6\x92\xad\xe6\x94\xbe\xe4\xb8\x8b\xe4\xb8\x80\xe8\x8a\x82</div>\r\n                            <div class="J-next-btn hide btn btn-red">\xe4\xb8\x8b\xe4\xb8\x80\xe8\x8a\x82</div>\r\n                            <a href="/video/10682/0" class="review-course">\xe9\x87\x8d\xe6\x96\xb0\xe8\xa7\x82\xe7\x9c\x8b</a>\r\n                            \r\n                            <div id="js-ques-box"></div>                        </div>\r\n\r\n                                    </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <!--\xe6\xad\xa4\xe5\xa4\x84\xe7\xbb\x93\xe6\x9e\x84\xe4\xb8\xba\xe7\xbb\x83\xe4\xb9\xa0\xe9\xa2\x98\xef\xbc\x8c\xe8\xa7\x86\xe9\xa2\x91\xef\xbc\x8c\xe7\xbc\x96\xe7\xa8\x8b\xe5\x85\xac\xe7\x94\xa8\xe7\x9a\x84\xe4\xbe\xa7\xe6\xa0\x8f-->\r\n<div class="section-list">\r\n    <div class="operator">\r\n        <div class="op chapter"><em class="icon-menu"></em>\xe7\xab\xa0\xe8\x8a\x82</div>\r\n        <div class="op notes"><em class="icon-note"></em>\xe7\xac\x94\xe8\xae\xb0</div>\r\n        <div class="op question"><em class="icon-addques"></em>\xe6\x8f\x90\xe9\x97\xae</div>\r\n        <div class="op wiki"><em class="icon-wiki"></em>WIKI</div>\r\n    </div>\r\n    <div class="nano">\r\n        <div class="nano-content">\r\n            <h3>Python\xe5\xbc\x80\xe5\x8f\x91\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab</h3>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac1\xe7\xab\xa0 \xe8\xaf\xbe\xe7\xa8\x8b\xe4\xbb\x8b\xe7\xbb\x8d</span>\r\n                </li>\r\n                                                        <li data-id="10674">\r\n                                                <a href="/video/10674"><em class="icon-video"></em>1-1 Python\xe5\xbc\x80\xe5\x8f\x91\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab\xe8\xaf\xbe\xe7\xa8\x8b\xe4\xbb\x8b...(02:41)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac2\xe7\xab\xa0 \xe7\x88\xac\xe8\x99\xab\xe7\xae\x80\xe4\xbb\x8b\xe4\xbb\xa5\xe5\x8f\x8a\xe7\x88\xac\xe8\x99\xab\xe7\x9a\x84\xe6\x8a\x80\xe6\x9c\xaf\xe4\xbb\xb7\xe5\x80\xbc...</span>\r\n                </li>\r\n                                                        <li data-id="10675">\r\n                                                <a href="/video/10675"><em class="icon-video"></em>2-1 \xe7\x88\xac\xe8\x99\xab\xe6\x98\xaf\xe4\xbb\x80\xe4\xb9\x88(01:10)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10676">\r\n                                                <a href="/video/10676"><em class="icon-video"></em>2-2 \xe7\x88\xac\xe8\x99\xab\xe6\x8a\x80\xe6\x9c\xaf\xe7\x9a\x84\xe4\xbb\xb7\xe5\x80\xbc(01:23)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac3\xe7\xab\xa0 \xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab\xe6\x9e\xb6\xe6\x9e\x84</span>\r\n                </li>\r\n                                                        <li data-id="10677">\r\n                                                <a href="/video/10677"><em class="icon-video"></em>3-1 Python\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab\xe6\x9e\xb6\xe6\x9e\x84(01:30)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10678">\r\n                                                <a href="/video/10678"><em class="icon-video"></em>3-2 Python\xe7\xae\x80\xe5\x8d\x95\xe7\x88\xac\xe8\x99\xab\xe6\x9e\xb6\xe6\x9e\x84\xe7\x9a\x84\xe5\x8a\xa8\xe6\x80\x81...(01:41)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac4\xe7\xab\xa0 URL\xe7\xae\xa1\xe7\x90\x86\xe5\x99\xa8\xe5\x92\x8c\xe5\xae\x9e\xe7\x8e\xb0\xe6\x96\xb9\xe6\xb3\x95</span>\r\n                </li>\r\n                                                        <li data-id="10679">\r\n                                                <a href="/video/10679"><em class="icon-video"></em>4-1 Python\xe7\x88\xac\xe8\x99\xabURL\xe7\xae\xa1\xe7\x90\x86\xe7\xae\xa1(01:53)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10680">\r\n                                                <a href="/video/10680"><em class="icon-video"></em>4-2 Python\xe7\x88\xac\xe8\x99\xabURL\xe7\xae\xa1\xe7\x90\x86\xe5\x99\xa8\xe7\x9a\x84\xe5\xae\x9e...(01:46)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac5\xe7\xab\xa0 \xe7\xbd\x91\xe9\xa1\xb5\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe5\x92\x8curllib2\xe6\xa8\xa1\xe5\x9d\x97...</span>\r\n                </li>\r\n                                                        <li data-id="10681">\r\n                                                <a href="/video/10681"><em class="icon-video"></em>5-1 Python\xe7\x88\xac\xe8\x99\xab\xe7\xbd\x91\xe9\xa1\xb5\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe7\xae\x80\xe4\xbb\x8b...(01:06)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10682">\r\n                                                <a href="/video/10682"><em class="icon-video"></em>5-2 Python\xe7\x88\xac\xe8\x99\xaburlib2\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8\xe7\xbd\x91...(03:47)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10683">\r\n                                                <a href="/video/10683"><em class="icon-video"></em>5-3 Python\xe7\x88\xac\xe8\x99\xaburlib2\xe5\xae\x9e\xe4\xbe\x8b\xe4\xbb\xa3\xe7\xa0\x81...(05:06)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac6\xe7\xab\xa0 \xe7\xbd\x91\xe9\xa1\xb5\xe8\xa7\xa3\xe6\x9e\x90\xe5\x99\xa8\xe5\x92\x8cBeautifulSoup\xe7\xac\xac\xe4\xb8\x89...</span>\r\n                </li>\r\n                                                        <li data-id="10684">\r\n                                                <a href="/video/10684"><em class="icon-video"></em>6-1 Python\xe7\x88\xac\xe8\x99\xab\xe7\xbd\x91\xe9\xa1\xb5\xe8\xa7\xa3\xe6\x9e\x90\xe5\x99\xa8\xe7\xae\x80\xe4\xbb\x8b...(03:49)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10685">\r\n                                                <a href="/video/10685"><em class="icon-video"></em>6-2 BeautifulSoup\xe6\xa8\xa1\xe5\x9d\x97\xe4\xbb\x8b\xe7\xbb\x8d\xe5\x92\x8c...(02:07)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10686">\r\n                                                <a href="/video/10686"><em class="icon-video"></em>6-3 BeautifulSoup\xe7\x9a\x84\xe8\xaf\xad\xe6\xb3\x95(04:14)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10687">\r\n                                                <a href="/video/10687"><em class="icon-video"></em>6-4 BeautifulSoup\xe5\xae\x9e\xe4\xbe\x8b\xe6\xb5\x8b\xe8\xaf\x95...(06:01)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac7\xe7\xab\xa0 \xe5\xae\x9e\xe6\x88\x98\xe6\xbc\x94\xe7\xbb\x83\xef\xbc\x9a\xe7\x88\xac\xe5\x8f\x96\xe7\x99\xbe\xe5\xba\xa6\xe7\x99\xbe\xe7\xa7\x911000\xe4\xb8\xaa\xe9\xa1\xb5...</span>\r\n                </li>\r\n                                                        <li data-id="10688">\r\n                                                <a href="/video/10688"><em class="icon-video"></em>7-1 Python\xe7\x88\xac\xe8\x99\xab\xe5\xae\x9e\xe4\xbe\x8b-\xe5\x88\x86\xe6\x9e\x90\xe7\x9b\xae\xe6\xa0\x87...(05:59)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10689">\r\n                                                <a href="/video/10689"><em class="icon-video"></em>7-2 \xe8\xb0\x83\xe5\xba\xa6\xe7\xa8\x8b\xe5\xba\x8f(10:21)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10690">\r\n                                                <a href="/video/10690"><em class="icon-video"></em>7-3 URL\xe7\xae\xa1\xe7\x90\x86\xe5\x99\xa8(03:48)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10691">\r\n                                                <a href="/video/10691"><em class="icon-video"></em>7-4 HTML\xe4\xb8\x8b\xe8\xbd\xbd\xe5\x99\xa8html_downloade...(01:24)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10692">\r\n                                                <a href="/video/10692"><em class="icon-video"></em>7-5 HTML\xe8\xa7\xa3\xe6\x9e\x90\xe5\x99\xa8html_parser(07:25)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10693">\r\n                                                <a href="/video/10693"><em class="icon-video"></em>7-6 HTML\xe8\xbe\x93\xe5\x87\xba\xe5\x99\xa8(03:30)</a>                        \r\n                                            </li>\r\n                                                                            <li data-id="10694">\r\n                                                <a href="/video/10694"><em class="icon-video"></em>7-7 \xe5\xbc\x80\xe5\xa7\x8b\xe8\xbf\x90\xe8\xa1\x8c\xe7\x88\xac\xe8\x99\xab\xe5\x92\x8c\xe7\x88\xac\xe5\x8f\x96\xe7\xbb\x93\xe6\x9e\x9c\xe5\xb1\x95...(01:58)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n                        <ul>\r\n                <li class="sec-title">\r\n                    <span>\xe7\xac\xac8\xe7\xab\xa0 \xe8\xaf\xbe\xe7\xa8\x8b\xe6\x80\xbb\xe7\xbb\x93</span>\r\n                </li>\r\n                                                        <li data-id="10695">\r\n                                                <a href="/video/10695"><em class="icon-video"></em>8-1 \xe8\xaf\xbe\xe7\xa8\x8b\xe6\x80\xbb\xe7\xbb\x93(01:05)</a>                        \r\n                                            </li>\r\n                                                </ul>\r\n            \r\n        </div>\r\n    </div>\r\n</div></div>\r\n\r\n<div class="maybe-wenda" id="maybe-wenda" style="display: none;">\r\n    <i class="icon-chat"></i>\r\n    <p class="text">\xe4\xbd\xa0\xe5\x8f\x91\xe7\x9a\x84\xe8\xaf\x84\xe8\xae\xba\xe5\x8f\xaf\xe8\x83\xbd\xe4\xbc\x9a\xe6\x98\xaf\xe9\x97\xae\xe9\xa2\x98\xef\xbc\x9f<br/>\xe6\x98\xaf\xe5\x90\xa6\xe5\xb0\x86\xe4\xbb\x96\xe5\x8f\x91\xe5\x88\xb0\xe9\x97\xae\xe7\xad\x94\xe4\xb8\xad</p>\r\n    <input class="btn ok" type="button" value="\xe5\xa5\xbd\xe7\x9a\x84" id="wenda-ok">\r\n    <input class="btn no" type="button" value="\xe4\xb8\x8d\xe7\x94\xa8" id="wenda-no">\r\n</div>\r\n</div>\r\n\r\n<div class="course-subcontainer clearfix">\r\n  <div class="course-left">\r\n      <ul class="course-menu course-video-menu clearfix js-course-menu" data-ower="all" data-sort="last">\r\n    <li class="course-menu-item"><a class="active" href="javascript:void(0)" id="plMenu">\xe8\xaf\x84\xe8\xae\xba</a></li>\r\n    <li class="course-menu-item"><a href="javascript:void(0)" id="qaMenu">\xe9\x97\xae\xe7\xad\x94</a></li>\r\n    <li class="course-menu-item"><a href="javascript:void(0)" id="noteMenu">\xe7\xac\x94\xe8\xae\xb0</a></li>\r\n    <!--\r\n    <li class="course-menu-item"><a href="javascript:void(0)" id="wikiMenu">WIKI</a></li>\r\n    -->\r\n        </ul>\r\n<div id="disArea" class="lists-container list-wrap">\r\n    <div id="pl-content" class="list-tab-con">\r\n        <div class="publish clearfix" id="discus-publish">\r\n            <div class="publish-wrap publish-wrap-pl">\r\n                <div class="pl-input-wrap clearfix">\r\n                    <a href="" class="user-head l">\r\n                        <img src="http://img.mukewang.com/images/avatar_default.png" >\r\n                    </a>\r\n                    <div id="js-pl-input-fake" class="pl-input-inner l">\r\n                       <textarea  id="js-pl-textarea" class="js-placeholder" placeholder="\xe6\x89\xaf\xe6\xb7\xa1\xe3\x80\x81\xe5\x90\x90\xe6\xa7\xbd\xe3\x80\x81\xe8\xa1\xa8\xe6\x89\xac\xe3\x80\x81\xe9\xbc\x93\xe5\x8a\xb1\xe2\x80\xa6\xe2\x80\xa6\xe6\x83\xb3\xe8\xaf\xb4\xe5\x95\xa5\xe5\xb0\xb1\xe8\xaf\xb4\xe5\x95\xa5\xef\xbc\x81" ></textarea>\r\n                       <span  class="num-limit"><span id="js-pl-limit">0</span>/300</span>\r\n                    </div>\r\n                    <div class="pl-input-btm input-btm clearfix">\r\n                        <div class="verify-code l"></div>\r\n                        <input type="button"  id="js-pl-submit" class="r course-btn" value="\xe5\x8f\x91\xe8\xa1\xa8\xe8\xaf\x84\xe8\xae\xba" />\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        <div id="plLoadListData"></div>\r\n    </div>\r\n    <div id="qa-content" class="list-tab-con" style="display:none">\r\n        <div id="qaLoadListData"></div>\r\n    </div>\r\n    <div id="note-content" class="list-tab-con" style="display:none">\r\n        <div id="noteLoadListData">\r\n        </div>\r\n    </div>\r\n    <div id="wiki-content" class="list-tab-con" style="display:none;">\r\n        <div id="wikiLoadListData">\r\n        </div>\r\n    </div>\r\n    <div id="mate-content" class="list-tab-con" style="display:none;">\r\n        <div id="mateLoadListData">\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n  </div>\r\n  <div class="course-right clearfix">\r\n       \r\n  <div class="js-recom-box"></div>\r\n  <div class="wendalist js-right-wenda">\r\n    <div class="course-right-title">\r\n        <h3>\xe7\x8c\xbf\xe9\x97\xae\xe6\x8e\xa8\xe8\x8d\x90</h3>\r\n        <a href="/wenda/?block_id=tuijian_yw" target="_blank" class="more">\xe6\x9b\xb4\xe5\xa4\x9a</a> \r\n    </div>\r\n\r\n      <ul>\r\n      </ul>\r\n  </div>\r\n  <div class="articlelist js-right-article">\r\n    <div class="course-right-title">\r\n        <h3>\xe6\x89\x8b\xe8\xae\xb0\xe6\x8e\xa8\xe8\x8d\x90</h3>\r\n        <a href="/article/?block_id=tuijian_wz" target="_blank" class="more">\xe6\x9b\xb4\xe5\xa4\x9a</a> \r\n    </div>\r\n    <div class="course-right-content">\r\n      \r\n    </div>\r\n    <ul>\r\n\r\n    </ul>\r\n  </div>  </div>\r\n</div>\r\n\r\n\r\n\r\n<div id="footer" >\r\n    <div class="waper">\r\n        <div class="footerwaper clearfix">\r\n            <div class="followus r">\r\n                <a class="followus-weixin" href="javascript:;"  target="_blank" title="\xe5\xbe\xae\xe4\xbf\xa1">\r\n                    <div class="flw-weixin-box"></div>\r\n                </a>\r\n                <a class="followus-weibo" href="http://weibo.com/u/3306361973"  target="_blank" title="\xe6\x96\xb0\xe6\xb5\xaa\xe5\xbe\xae\xe5\x8d\x9a"></a>\r\n                <a class="followus-qzone" href="http://user.qzone.qq.com/1059809142/" target="_blank" title="QQ\xe7\xa9\xba\xe9\x97\xb4"></a>\r\n            </div>\r\n            <div class="footer_intro l">\r\n                <div class="footer_link">\r\n                    <ul>\r\n                        <li><a href="http://www.imooc.com/" target="_blank">\xe7\xbd\x91\xe7\xab\x99\xe9\xa6\x96\xe9\xa1\xb5</a></li>\r\n                        <li><a href="/about/cooperate" target="_blank" title="\xe4\xbc\x81\xe4\xb8\x9a\xe5\x90\x88\xe4\xbd\x9c">\xe4\xbc\x81\xe4\xb8\x9a\xe5\x90\x88\xe4\xbd\x9c</a></li>\r\n                        <li><a href="/about/job" target="_blank">\xe4\xba\xba\xe6\x89\x8d\xe6\x8b\x9b\xe8\x81\x98</a></li>\r\n                        <li> <a href="/about/contact" target="_blank">\xe8\x81\x94\xe7\xb3\xbb\xe6\x88\x91\xe4\xbb\xac</a></li>\r\n                        <!--<li><a href="/subject/html" target="_blank">\xe4\xb8\x93\xe9\xa2\x98\xe9\xa1\xb5\xe9\x9d\xa2</a></li>-->\r\n                        <li><a href="/about/us" target="_blank">\xe5\x85\xb3\xe4\xba\x8e\xe6\x88\x91\xe4\xbb\xac</a></li>\r\n                        <li> <a href="/about/recruit" target="_blank">\xe8\xae\xb2\xe5\xb8\x88\xe6\x8b\x9b\xe5\x8b\x9f</a></li>\r\n                        <li> <a href="/user/feedback" target="_blank">\xe6\x84\x8f\xe8\xa7\x81\xe5\x8f\x8d\xe9\xa6\x88</a></li>\r\n                        <li> <a href="/about/friendly" target="_blank">\xe5\x8f\x8b\xe6\x83\x85\xe9\x93\xbe\xe6\x8e\xa5</a></li>\r\n                    </ul>\r\n                </div>\r\n                <p>Copyright \xc2\xa9 2016 imooc.com All Rights Reserved | \xe4\xba\xacICP\xe5\xa4\x87 13046642\xe5\x8f\xb7-2</p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n<script type="text/javascript" charset="utf-8" src="/static/lib/ueditor/ueditor.final.min.js"></script>\r\n\r\n<script src="/passport/static/scripts/ssologin.js"></script>\r\n<script type="text/javascript" src="/static/sea-modules/seajs/seajs/2.1.1/sea.js"></script>\r\n<script type="text/javascript" src="/static/sea_config.js?v=201612071925"></script>\r\n<script type="text/javascript">seajs.use("/static/page/"+OP_CONFIG.module+"/"+OP_CONFIG.page);</script>\r\n\r\n\r\n\r\n<div style="display: none">\r\n  <script type="text/javascript">\r\n  var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");\r\n  document.write(unescape("%3Cscript src=\'" + _bdhmProtocol + "hm.baidu.com/h.js%3Ff0cfcccd7b1393990c78efdeebff3968\' type=\'text/javascript\'%3E%3C/script%3E"));\r\n  </script>\r\n</div>\r\n<!--\xe7\xac\x94\xe8\xae\xb0\xe5\xbc\xb9\xe5\x87\xba\xe6\xa1\x86-->\r\n\r\n<script type="text/imooc-tpl" id="course-note-tpl">\r\n   <div class="note-pop">\r\n        <div id="js-note-input-fake" class="textarea-wrap">\r\n            <textarea data-maxlength="1000" id="js-note-textarea" class="js-placeholder" name="" placeholder="\xe8\xaf\xb7\xe8\xbe\x93\xe5\x85\xa5\xe7\xac\x94\xe8\xae\xb0\xe5\x86\x85\xe5\xae\xb9..."></textarea>\r\n            <p class="note-text-counter"><span id="js-note-limit">0</span>/1000</p>\r\n        </div>\r\n        <div class="publish-note-btns input-btm clearfix">\r\n            <div class="verify-code clearfix"></div>\r\n                                            <div title="\xe6\x88\xaa\xe5\x9b\xbe"  class="js-shot-video screen-btn" data-type="note">\r\n                    <span>\xe6\x88\xaa\xe5\x9b\xbe</span>\r\n                </div>\r\n                                        <input type="button" title="\xe5\x8f\x91\xe8\xa1\xa8" value="\xe4\xbf\x9d\xe5\xad\x98" id="js-note-submit" class="moco-btn moco-btn-green r" />\r\n            <!-- <label for="js-isshare"  class="label-checked r"><input type="checkbox" checked="checked" id="js-isshare" class="checked" /> \xe5\x85\xac\xe5\xbc\x80</label> -->\r\n        </div>\r\n</div>\r\n</script>\r\n<!--\xe9\x97\xae\xe7\xad\x94\xe5\xbc\xb9\xe5\x87\xba\xe6\xa1\x86 \xe9\x80\x9a\xe7\x94\xa8-->\r\n<script type="text/imooc-tpl" id="course-qa-tpl">\r\n\r\n    <div class="qa-pop">\r\n\r\n            <div class="question-area">\r\n                <div class="qa-control qa-ipt-title">\r\n                    <input type="text" id="js-qa-title" maxlength="255" class="js-placeholder autocomplete" placeholder="\xe8\xaf\xb7\xe8\xbe\x93\xe5\x85\xa5\xe9\x97\xae\xe9\xa2\x98\xe6\xa0\x87\xe9\xa2\x98" />\r\n                </div>\r\n                <a href="http://www.imooc.com/wenda/detail/292353" target="_blank" class="another-meth">\xe5\xa6\x82\xe4\xbd\x95\xe6\x9b\xb4\xe5\xa5\xbd<br />\xe7\x9a\x84\xe6\x8f\x90\xe9\x97\xae\xef\xbc\x9f</a>\r\n                <dl class="send-area-result">\r\n                </dl>\r\n            </div>\r\n\r\n        <div class="qa-control-wrap clearfix">\r\n            <div class="qa-control">\r\n                <div class="rich-text-editor">\r\n                    <textarea id="discuss-editor" >\xe8\xaf\xb7\xe8\xbe\x93\xe5\x85\xa5\xe8\xae\xa8\xe8\xae\xba\xe5\x86\x85\xe5\xae\xb9...</textarea>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div id="js-discuss-btm" class="discuss-bottom input-btm clearfix pop-footer">\r\n            <div class="verify-code clearfix"></div>\r\n                                            <div title="\xe6\x88\xaa\xe5\x9b\xbe"  class="js-shot-video screen-btn" data-type="qa">\r\n                    <span>\xe6\x88\xaa\xe5\x9b\xbe</span>\r\n                </div>\r\n                                        <input id="js-discuss-submit" class="r moco-btn moco-btn-green" type="button" value="\xe5\x8f\x91\xe5\xb8\x83" />\r\n        </div>\r\n        <div id="use-credit-tip" class="use-credit-tip">\r\n            <span class="credit-info">\xe6\x9c\xac\xe6\xac\xa1\xe6\x8f\x90\xe9\x97\xae\xe5\xb0\x86\xe8\x8a\xb1\xe8\xb4\xb92\xe4\xb8\xaa\xe7\xa7\xaf\xe5\x88\x86</span>\r\n            <a class="credit-rule" href="/about/faq?t=3" target="_blank">\xe4\xb8\xba\xe4\xbb\x80\xe4\xb9\x88\xe6\x89\xa3\xe7\xa7\xaf\xe5\x88\x86\xef\xbc\x9f</a>\r\n        </div>\r\n    </div>\r\n\r\n</script>\r\n<!--\xe7\xa7\xaf\xe5\x88\x86\xe5\xbc\xb9\xe5\x87\xba\xe6\xa1\x86-->\r\n<div class="integral-pop" id="no-credit">\r\n    <div class="pop-con">\r\n        <span class="icon-point"></span>\r\n                    <p>\xe6\x9c\xac\xe6\xac\xa1\xe6\x8f\x90\xe9\x97\xae\xe5\xb0\x86\xe8\x8a\xb1\xe8\xb4\xb92\xe4\xb8\xaa\xe7\xa7\xaf\xe5\x88\x86</p>\r\n                <p>\xe4\xbd\xa0\xe7\x9a\x84\xe7\xa7\xaf\xe5\x88\x86\xe4\xb8\x8d\xe8\xb6\xb3\xef\xbc\x8c\xe6\x97\xa0\xe6\xb3\x95\xe5\x8f\x91\xe8\xa1\xa8</p>\r\n        <a class="integral-rule" href="/about/faq?t=3" target="_blank">\xe4\xb8\xba\xe4\xbb\x80\xe4\xb9\x88\xe6\x89\xa3\xe7\xa7\xaf\xe5\x88\x86\xef\xbc\x9f</a>\r\n        <div class="ft clearfix">\r\n            <a href="javascript:void(0)" class="btn btn-green l cancel-cf">\xe7\xa1\xae\xe8\xae\xa4</a>\r\n            <a href="javascript:void(0)" class="btn btn-grey r cancel-cf">\xe5\x8f\x96\xe6\xb6\x88</a>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class="integral-pop" id="enough-credit">\r\n    <div class="pop-con">\r\n        <span class="icon-point"></span>\r\n                    <p>\xe6\x9c\xac\xe6\xac\xa1\xe6\x8f\x90\xe9\x97\xae\xe5\xb0\x86\xe8\x8a\xb1\xe8\xb4\xb92\xe4\xb8\xaa\xe7\xa7\xaf\xe5\x88\x86</p>\r\n                <p>\xe7\xbb\xa7\xe7\xbb\xad\xe5\x8f\x91\xe8\xa1\xa8\xe8\xaf\xb7\xe7\x82\xb9\xe5\x87\xbb "\xe7\xa1\xae\xe5\xae\x9a"</p>\r\n        <a class="integral-rule" href="/about/faq?t=3" target="_blank">\xe4\xb8\xba\xe4\xbb\x80\xe4\xb9\x88\xe6\x89\xa3\xe7\xa7\xaf\xe5\x88\x86\xef\xbc\x9f</a>\r\n        <div class="ft clearfix">\r\n            <a id="interal-use" href="javascript:void(0)" class="btn btn-green l">\xe7\xa1\xae\xe8\xae\xa4</a>\r\n            <a id="interal-cancel" href="javascript:void(0)" class="btn btn-grey r">\xe5\x8f\x96\xe6\xb6\x88</a>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<!--WIKI\xe5\xbc\xb9\xe5\x87\xba\xe6\xa1\x86 \xe9\x80\x9a\xe7\x94\xa8-->\r\n<script type="text/imooc-tpl" id="course-wiki-tpl">\r\n    <div class="wiki-pop">\r\n\r\n        <div class=\'search_box clearfix\'>\r\n            <input class=\'search_ipt\' type=\'text\' placeholder=\'\xe8\xbe\x93\xe5\x85\xa5\xe4\xbd\xa0\xe6\x83\xb3\xe8\xa6\x81\xe6\x89\xbe\xe7\x9a\x84WiKi\xe8\xaf\x8d\xe6\x9d\xa1\xe5\x90\x8d\xe7\xa7\xb0\' />\r\n            <input type=\'button\' value=\'\xe6\x90\x9c\xe7\xb4\xa2\' class=\'search_btn\' />\r\n            <a class=\'createwiki\' href=\'/wiki/create\' target="_blank">\xe5\x88\x9b\xe5\xbb\xbawiki</a>\r\n        </div>\r\n        \r\n        <div id=\'js-search-area-result\' class=\'search-area-result\'>\r\n        </div>\r\n    </div>\r\n\r\n</script>\r\n\r\n<div id="video_mark" class="video_mark" style="display:none;"></div>\r\n<!--<div class="fixed-video js-fixed-video">-->\r\n    <!--<h3>\xe7\x82\xb9\xe5\x87\xbb\xe6\x8c\x89\xe4\xbd\x8f\xe8\xaf\xa5\xe6\x9d\xa1\xe8\xbf\x9b\xe8\xa1\x8c\xe6\x8b\x96\xe5\x8a\xa8</h3>-->\r\n    <!--<div class="fixed-video-con"></div>-->\r\n<!--</div>-->\r\n<!--\r\n//\xe6\xad\xa4\xe5\xa4\x84\xe7\xbb\x93\xe6\x9e\x84\xe5\x9c\xa8js\xe9\x87\x8c\xe6\x8f\x92\xe5\x85\xa5\r\n<div class="animate-mp" style="left:50%;top:50%">-->\r\n    <!--<p class="mp"><i>+</i><span class="num">8</span>MP</p>-->\r\n    <!--<p class="desc">haha</p>-->\r\n<!--</div>-->\r\n</body>\r\n</html>\r\n'


0 0
原创粉丝点击