返回首页
网站导航
商家入驻
客户服务
我的订单
我的易购
苏宁会员
购物车 0
易付宝
企业采购
手机苏宁
君凤文轩图书专营店

服务体验

店铺评分与同行业相比

用户评价：----

物流时效：----

售后服务：----

  • 服务承诺： 正品保障
  • 公司名称：
  • 所 在 地：
进入店铺 关注店铺 商品地图
本店所有商品
君凤文轩图书专营店
  • 扫码下单
    进入店铺

  • 正版新书]HTML 5网页设计与制作全程揭秘贾勇9787302526995

  • 全店均为全新正版书籍，欢迎选购！新疆西藏青海(可包挂刷).港澳台及海外地区bu bao快递

    • 作者： 贾勇著 | 贾勇编 | 贾勇译 | 贾勇绘
    • 出版社： 清华大学出版社
    • 出版时间：2019-08-01
    送至
  • 由""直接销售和发货，并提供售后服务
  • 加入购物车 购买电子书
    服务

    看了又看

    商品预定流程：

    查看大图
    /
    ×

    苏宁商家

    商家：
    君凤文轩图书专营店
    联系：

    • 商品

    • 服务

    • 物流

    进入店铺 关注店铺

    搜索店内商品

    • 关键词：
    • 价  格： -

    商品分类

    商品分类

    商品参数
    • 作者： 贾勇著| 贾勇编| 贾勇译| 贾勇绘
    • 出版社：清华大学出版社
    • 出版时间：2019-08-01
    • 版次：1
    • 印次：1
    • 印刷时间：2019-08-01
    • 字数：686千字
    • 开本：其他
    • ISBN：9787302526995
    • 版权提供：清华大学出版社
  • 作者： 贾勇
  • 著： 贾勇 译
  • 装帧： 简装
  • 印次： 1
  • 定价： 69.8
  • ISBN： 9787302526995
  • 出版社： 清华大学出版社
  • 开本： 其他
  • 印刷时间： 2019-08-01
  • 语种： 中文
  • 出版时间： 2019-08-01
  • 页数： 0
  • 外部编号： 庄村56054
  • 版次： 1
  • 成品尺寸： 暂无

    • 第1章 从HTML到HTML5
    1.1 HTML基础
    1.1.1 HTML概述
    1.1.2 HTML特性
    1.1.3 HTML文档结构
    1.1.4 HTML的基本语法
    1.1.5 HTML编写注意事项
    1.2 XHTML基础
    1.2.1 XHTML概述
    1.2.2 XHTML文档结构
    1.2.3 XHTML的文档类型
    1.2.4 名字空间
    1.3 HTML5基础
    1.3.1 HTML5概述
    1.3.2 HTML5的文档结构
    1.3.3 HTML5的优势
    1.3.4 HTML5精简的头部
    1.4 HTML文件的编写方式
    1.4.1 使用记事本编写
    实战 使用记事本制作HTML页面
    1.4.2 使用Dreamweaver编写
    实战 使用Dreamweaver制作HTML页面
    1.5 HTML5中的标签
    1.6 HTML5的标准属性
    1.7 HTML5的事件属性
    第2章 HTML5页面基本设置
    2.1 网页头部——标签
    2.1.1 网页标题——标签<br/> 实战 使用<title>标签设置网页标题<br/> 2.1.2 基底网址——<base>标签<br/> 实战 设置网页基底网址<br/> 2.2 元信息——<meta>标签<br/> 2.2.1 设置网页关键字<br/> 2.2.2 设置网页说明<br/> 2.2.3 设置网页作者信息<br/> 2.2.4 设置网页编辑软件<br/> 实战 设置网页基础元信息<br/> 2.2.5 设置网页定时跳转<br/> 实战 设置网页定时跳转<br/> 2.2.6 限制搜索方式<br/> 2.2.7 设置网页文字及语言<br/> 2.2.8 设置网页有效期限<br/> 2.2.9 禁止缓存调用<br/> 2.2.10 删除过期的cookie<br/> 2.2.11 强制打开新窗口<br/> 2.3 网页主体——<body>标签<br/> 2.3.1 网页边距——margin属性<br/> 实战 设置网页整体边距<br/> 2.3.2 网页背景颜色——bgcolor属性<br/> 实战 设置网页背景颜色<br/></p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/xIIMWEkAWBO1CTvuBC6e1w.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">随着互联网信息技术的发展，特别是移动互联网的迅速崛起，原来的网页描述语言HTML 已经不能满足日益丰富的网页设计制作需要。HTML5是下一代HTML 的标准，与HTML4 相比，HTML5的发展有着革命性的进步。在HTML5 中，不但新增了许多全新的实用功能，而且对涉及的每一个细节都做出了明确的规定。HTML5以其简洁、高效的特点，在网页中的应用越来越广泛。 <br/>《HTML 5网页设计与制作全程揭秘》全面系统地向读者介绍HTML5 中的各个知识点，每个重要的知识点都配合实战练习进行讲解，将知识点与实战练习紧密结合，避免枯燥无味的基础知识讲解，使读者能够更加轻松地掌握和应用最新的HTML5 网页开发技术，提高学习效率，并能够学以致用。全书共分21 章，各章内容介绍如下。 <br/> 章  从HTML 到HTML5，介绍HTML、XHTML 和HTML5 的相关基础知识，使读者能够清晰地了解HTML 的发展，以及HTML、XHTML 和HTML5 之间的联系和区别，认识到HTML5 的优势。 <br/>第2 章  HTML5页面基本设置，介绍如何在HTML 中对网页头部<head> 标签和网页主体<body> 标签进行设置，从而达到控制网页整体属性的目的。 <br/>第3 章  设置文本与段落，文本是网页中重要的基本元素之一。本章详细介绍HTML5 中对文本和段落进行设置的相关标签和属性设置方法，使读者能够轻松地对网页中的文本和段落进行处理。 <br/>第4 章  插入并设置图像，介绍在HTML5 页面中插入图像的方法，以及在图像标签中添加各种属性对图像进行设置的方法。 <br/>第5 章  创建和设置列表，介绍在HTML5 中创建项目列表、编号列表和定义列表的方法，以及对各种列表进行设置的相关属性。 <br/>第6 章  创建和设置超链接，超链接是互联网的基础。本章详细介绍网页超链接的创建和设置方法，以及各种特殊链接的创建方法，并且还介绍了链接路径的相关知识。 <br/>第7 章  插入多媒体，介绍如何在HTML5 页面中应用各种不同类型的多媒体元素，包括Flash 动画、背景音乐和普通视频文件等。 <br/>第8 章  插入和设置表单元素，表单是网页交互的重要途径。本章主要介绍在HTML5 页面中插入各种不同类型的表单元素，以及对表单元素属性进行设置的方法和技巧。 <br/>第9 章  表格与Div，主要介绍在HTML5 页面中创建表格以及对表格和单元格属性进行设置的方法和技巧，还介绍了在HTML5 页面中插入IFrame 框架和应用Div 的方法。 <br/>0 章  HTML5文档结构，主要介绍HTML5 中新增的文档结构标签的作用和使用方法，以及如何通过使用HTML5 文档结构标签创建规范的HTML5 文档。 <br/>1 章  使用HTML5 画布绘图，canvas 元素是HTML5 的亮点之一，通过使用canvas 元素可以在网页中绘制出各种几何图形。本章详细介绍使用HTML5 中的canvas 元素在网页中绘制图形、文字、渐变的方法。 <br/>2 章  HTML5的音频和视频，多媒体的应用也是HTML5 的一大亮点。本章详细介绍HTML5 中Video 与Audio 元素的使用方法和属性设置技巧。 <br/>3 章  使用HTML5 的表单元素，在HTML5 中新增了许多表单属性和表单元素，通过这些新增的表单属性可以方便地对表单元素的有效性进行验证，新的表单元素则能够方便用户创建出更加友好的表单应用。 <br/>4 章  文件与拖放处理，本章详细介绍HTML5 中新增的文件API 和拖放API 功能，通过文件API 功能可以同时上传多个文件，通过拖放API 功能可以实现网页元素拖放处理。 <br/>5 章  HTML5本地存储，介绍HTML5 中的两种本地存储方式，分别是Web Storage 和Web SQL 数据库，通过使用HTML5 的本地存储功能，可以更轻松地开发Web 应用程序。 <br/>6 章  HTML5离线应用缓存，介绍HTML5 中新增的离线应用缓存功能，包括缓存清单文件的编写方式、离线应用缓存的应用等内容。 <br/>7 章  使用Web Workers 处理线程，介绍Web Workers 的相关知识，重点讲解专属线程和共享线程的作用、创建和使用方法等内容。 <br/>8 章  跨源通信和WebSocket 双向通信，介绍HTML5 中新增的跨源通信和WebSocket 双向通信的相关知识，实现简单的跨文档信息传输，对跨源通信和WebSocket 有全新的认识和了解。 <br/>9 章  使用HTML5 获取地理位置，介绍获取地理位置信息的原理，以及使用HTML5 中新增的Geolocation API 实现获取用户地理位置信息的方法。 <br/>第20 章  HTML5网页综合实战，通过两个网站页面案例的制作讲解，使读者能够更加轻松地掌握使用HTML5 中的各种标签制作符合HTML5 标准的网站页面的方法和技巧。 <br/>第21 章  HTML5手机网页实战，介绍响应式网页的制作方法和注意事项，并通过响应式网页实例的制作讲解，使读者能够轻松地掌握制作HTML5 手机网页的方法。 <br/>《HTML 5网页设计与制作全程揭秘》由贾勇编著，另外张晓景、李晓斌、高鹏、胡敏敏、张国勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了部分编写工作。《HTML 5网页设计与制作全程揭秘》在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。QQ 群名称：网页设计与开发交流群；QQ 群号：705894157。 <br/>为了方便读者学习，《HTML 5网页设计与制作全程揭秘》为每个实例提供了教学视频，只要扫描一下书中实例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。《HTML 5网页设计与制作全程揭秘》配套的立体化学习资源中提供了书中所有实例的素材源文件、最终文件、教学视频和PPT 课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源( 注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容)。 <br/> <br/>编  者</p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/1ov8jvbp-pKKpzF1U7TanA.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;">"内容全面，循序渐进。遵循从基础到不错，从入门到精通的思路，帮助读者轻松建立起正确的知识体系。 <br/>技术专业，易于操作。在技术讲解的同时，配合丰富的操作练习，理论与操作相结合，使读者轻松理解和掌握知识点。 <br/>专业作者，如临亲授。作者来自于一线专业公司和高校教师，实践与教学的融合，更清楚学习者的知识需求。 <br/>扫码微课，碎片学习。读者可以扫描书中的二维码，利用零碎的时间随时随地通过视频课程进行学习。 <br/>源于实践，回归实战。穿插大量的实战操作案例，均来源于实践，通过一步步操作的方式再现给读者。 <br/>海量资源，辅助学习。提供立体化的学习资源：所有案例的素材、源文件；多媒体语音视频教程；与教学配套的PPT课件。 <br/>"</p></div></div> </div> </div> </div> </div> <div id="J-procon-comment" class="tabarea-content" style="display:none;"></div> <div id="J-procon-answer" class="tabarea-content" style="display:none;"></div> <div id="J-procon-sale" class="tabarea-content" style="display:none;"></div> </div> <div id="appraise" class="lazy-ajax mt10" data-type="function"><div class="area loading-holder"></div><a target="_blank" href="//review.suning.com/cmmdty_review/general-000000012450509914-0070172873-1-total.htm">查看全部评论></a> </div> <div id="appwd" class="lazy-ajax mt10" data-type="function"></div> <div id="appAdv" class="mt10"><a rel="nofollow" name="item_12450509914_mobileAd_01" href="//c.m.suning.com/newPacket_pc.html" target="_blank"><img src2="//image3.suning.cn//uimg/cms/img/167836138660343191.png" onerror="javascript:$('#appAdv').hide()"/></a></div> <div id="serviceArea" class="lazy-ajax area mt10"> <div class="area-head"><h3>售后保障</h3></div> <div class="after-market" id="afterService"> <div id="installService" class="lazy-ajax" data-type="function"></div> <div id="afterServicePic" class="lazy-ajax after-market-img-list" style="display: none"></div> <div id="djh-after-market-container" style="display: none"></div> <div id="snblank" style="display: none"></div> </div> </div> <div class="area history mt15" id="historyListDiv" sap-modid="14"> <div class="area-head"> <h3>最近浏览</h3> </div> <div class="lazy-ajax history-rec" id="J-historyList" data-type="function"> </div> </div> <div class="procon-like mt15 lazy-ajax" id="adDatasDiv" sap-modid="16" style="display: none;"> </div> <div class="area history mt15" id="historyRecDiv" sap-modid="08"> <div class="area-head"> <h3>猜你喜欢</h3> </div> <div class="lazy-ajax history-rec" id="J-historyRec" data-type="jsonp"> </div> </div> <script id="guessScriptContent" type="text/html"> {{if skus.length>5}} <a tabindex="-1" aria-hidden="true" class="btn-dir prev" href="javascript:void(0);"><span class="screen-count"><em class="cur-count">1</em>/<i class="total-count">3</i></span><i class="arr"></i></a> <a tabindex="-1" aria-hidden="true" class="btn-dir next" href="javascript:void(0);"><span class="screen-count"><em class="cur-count">1</em>/<i class="total-count">3</i></span><i class="arr"></i></a> {{/if}} <div class="scroll-box"> <ul> {{each skus as value i}} <li com-partinfo="{{value.vendorId}}-{{value.sugGoodsCode}}" com-name="{{value.sugGoodsName}}" com-price="{{value.price}}" com-check="false"> <a tabindex="-1" aria-hidden="true" name="{{value.eleName}}" sa-data="{{value.saData}}" title="{{value.sugGoodsName}}" target="_blank" href="{{value.eleHref}}"> <img alt="{{value.sugGoodsName}}" src="{{value.eleSrc}}"> </a> <p class="price"> <i>¥</i>{{value.price}} {{if value.coopSecType == "A4" && value.specialType && value.specialType != "" && value.specialType.indexOf("T0003") > -1}} <label class="com-has-border">苏宁服务</label> {{else if value.productType==1 || value.coopSecType == "A4"}} <label class="com-has-border">苏宁自营</label> {{/if}} <p class="title"> <a tabindex="-1" aria-hidden="true" name="{{value.eleName}}" sa-data="{{value.saData}}" id="{{value.eleId}}" target="_blank" href="{{value.eleHref}}">{{value.sugGoodsName}}</a> </p> <p class="p-huodong">{{if value.promotionInfo!="" }}<span>{{value.promotionInfo}}</span>{{/if}}</p> </li> {{/each}} </ul> </div> </script> <div class="pro-statement hide" id="proStatement"> </div> </div> </div> <div id="addCartPop" class="promtip-addcart hide"> <div class="promtip-addcart-title"> <i class="tipInfo4 mr5"></i> <span>该商品在当前城市正在进行</span> <label class="promtip-label">抢购</label> <span>促销</span> </div> <ul class="promtip-addcart-panel clearfix"> <li> <p>抢购价：<span class="price"><i>¥</i> <em id="qg_qgprice">38.00</em></span> </p> <a href="javascript:void(0);" id="qg_href" class="btn-view" target="_blank">查看抢购信息</a> </li> <li class="sep"></li> <li> <p>易购价：<span class="price"><i>¥</i> <em id="qg_promotionPrice">38.00</em></span> </p> <a href="javascript:void(0);" id="qg_promotion_href" class="btn-buy">以易购价购买</a> </li> </ul> <p class="promtip-addcart-memo">注：参加抢购将不再享受其他优惠活动</p> <a href="javascript:void(0)" class="close"></a> </div> <div id="J-identify-code" style="display: none;"> <div class="identify-code"> <p class="tips">亲，很抱歉，您购买的宝贝销售异常火爆，让小苏措手不及，请稍后再试~</p> <div class="code-input clearfix"> <dl> <dt class="l">验证码</dt> <dd class="l"> <p class="item-ide"><input id="validateCode" autocomplete="off" class="ui-text l" type="text" value="以下字符不区分大小写"><i id="imageVerifytip" class="tip-icon tip-ok-16 tip-ok l" style="display:none;"></i><em class="code-error l" style="display:none;">验证码错误</em></p> <p class="item-ide"><img onclick="fun_getVcode()" name="vcodeimg1" id="vcodeimg1" class="l" src="" alt=""><span class="change l">看不清楚？<a href="javascript:void(0);" onclick="fun_getVcode()">换一张</a></span></p> <p class="item-ide"><a class="lion-btn certain" href="javascript:void(0);" onclick="ajaxCheckVerifyCodeOrSubmit(true);return false;">确定</a><a class="lion-btn close" href="javascript:void(0);">关闭</a></p> </dd> </dl> </div> </div> </div> <div id="J-company-channel" style="display: none;"> <div class="company-channel"> <p class="tips">亲，大宗购物请点击<span><a href="//b.suning.com">企业用户渠道></a></span>小苏的服务会更贴心！</p> </div> </div> <div id="J-boom" style="display: none;"> <div class="company-channel"> <p class="tips">亲，很抱歉，您购买的宝贝销售<span>异常火爆</span>让小苏措手不及，请稍后再试~</p> </div> </div> <div class="pro-pop gray6 hide" id="proPop"> <div class="pop-up fix"> <a id="proPopCloseBtn" class="close-btn" href="javascript:void(0)" title="关闭">x</a> </div> <div class="pop-main pop-main-normal fix"> <em class="tipIcon"></em> <div class="msg"><strong>您已成功将商品加入收藏夹</strong> <p style="font-size:12px;">查看<a href="#">我的收藏夹</a> </p> </div> </div> <div class="pop-down"> <a id="proPopSubmit" class="pop-btn" href="javascript:;">确定</a> </div> </div> <div id="win_presell" class="hide"> <div class="presell-pay-failed"> <i></i> <p id="psellBookMessage">非常抱歉，您前期未参加预订活动，<br />无法支付尾款哦！</p> <p class="mt20"><a href="javascript:void(0);" class="btn-cancel close">关闭</a></p> </div> </div> <div id="dlg_error_prompt" class="hide"> <div class="d-error-prompt"> <div class="e-img"></div> <p class="d-message">抱歉，您暂无任性付资格</p> </div> </div> <!---super会员预约弹窗--> <div id="super-dialog-tell" class="hide"> <div class="orders-dialog-container"> <div class="orders-msg"> <span class="orders-common super-new-posi"></span> <div class="super-dialog-text"><span id="super-dialog-msg">此时为正式期SUPER会员专享抢购期，普通会员暂不可抢购</span></div> </div> <div class="btn-box"> <a href="javascript:;" name="item_12450509914_supertqqqx_click" id="dialogVipPriceClose" class="btn4 close"> <p>继续等待</p> <p>0小时0分</p> </a> <a href="javascript:;" name="item_12450509914_supertqqkt_click" id="dialogVipPriceLink" class="btn3"> <p>立即开通</p> <p>SUPER会员</p> </a> </div> </div> </div> <div id="orders-dialog-content" class="hide" sap-modid="18"> </div> <div class="lazy-ajax" id="pds-footer" data-type="function"> <div style="height:25px;"></div> </div> <script type="text/javascript" src="//res.suning.cn/project/crdnode/common/tingyun.js?v="></script> <script type="text/javascript" src="//res.suning.cn/project/crdnode/comps/seoComponents-mini.js?v="></script> <script type="text/javascript"> var isArray=function(obj){return Object.prototype.toString.call(obj)==='[object Array]';} var windowOnLoadEventQueue=[];var scriptOnLoadEventQueue=[];window.onload=function(){for(var i=0;i<windowOnLoadEventQueue.length;i++){windowOnLoadEventQueue[i]();}} function addOnLoad(func){windowOnLoadEventQueue=windowOnLoadEventQueue.concat(func);} var lazyScriptMap={};function lazyLoadScript(src,callback){if(!lazyScriptMap[src]){lazyScriptMap[src]=callback;var scriptNode=document.createElement("script");if('function'===typeof callback){scriptNode.onload=callback;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callback();}}}else if(isArray(callback)){var callbackSequence=function(){for(var i=0;i<callback.length;i++){(callback[i])();}};scriptNode.onload=callbackSequence;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callbackSequence();}}} scriptNode.type="text/javascript";scriptNode.src=src;var scriptContainer=document.getElementsByTagName("head")[0];scriptContainer.appendChild(scriptNode);}else{}} function lazyLoadScripts(srcs,callback){var srcNum=srcs.length;var loadingProgress=0;if(srcNum>0){for(var i=0;i<srcNum;i++){var currSrc=srcs[i];lazyLoadScript(currSrc,function(){loadingProgress++;if(srcNum==loadingProgress){if('function'===typeof callback){callback();}else if(isArray(callback)){for(var i=0;i<callback.length;i++){(callback[i])();}}}});}}} var isTimeout = false; var lazyLoadFunction = null; var lazyScriptLoaded = false; var lazyScriptTimeout = 2000; //默认的超时时间2秒，这个数字2是业务部或用户体验部门来提出要求。 //在懒加载方法中对事件响应后绑定 lazyloadBindingFuc=function() { $(".mycar, .myhelp, .myweb").bind({ mouseover: function() { addhover(this); }, mouseout: function() { delhover(this); } }); } lazyLoadFunction = function() { if(lazyScriptLoaded&&isTimeout) { //一旦已经执行过，并且是在timeout的情况下执行，则需要加载da.js lazyLoadScript( "//res.suning.cn/javascript/sn_da/da_opt.js?v=2026092120", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2026092120" );}); return; } lazyScriptLoaded =true;//flag置为true if (isTimeout) { lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2026092120", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2026092120" );}); } else { lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2026092120", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/da_opt.js?v=2026092120", function(){ lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2026092120" );} );} ); } } addOnLoad(lazyloadBindingFuc); addOnLoad(lazyLoadFunction); //对lazyload设置 超时机制 function checkLazyScriptTimeout(){ isTimeout = true; if(!lazyScriptLoaded){//检测lazy script是否已经加载 if(!!lazyLoadFunction){//检测下函数空间，以免servlet还没加载完全 lazyLoadFunction();// }else{ setTimeout(checkLazyScriptTimeout, 1000);//在servlet还没加载完全的情况下，每过1秒，重新检测一次 } } } setTimeout(checkLazyScriptTimeout, lazyScriptTimeout); /*eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 8;5(!8)8={};5(!8.K)8.K={};(4(){2 j=/^\\w*?.A.z$/,1f=9.P.2r,Q=(("10:"==9.P.Q)?"10://":"2l://"),14=16(),7="|",1e=P.T,1h=v(1x(1e));4 U(a){2 b=a.V?v(a.V):"V B",p=a.p?v(a.p):"p B",C=y 2i(),1m=(R(a,C),C)?v(C.2f("").1w(/\\s|\\|/2e,"")):"2d B",t=(t=9.S("2c"))?t.Y:"",1a=p+7+b+7+1m,J=(J=9.S("2b"))?J.Y:"",1g=Q+14+"/2a.25",N=1n(),O="O";1r(O,N,\'/\',"","");2 c=l("23"),Z=22 11=="2s"?11.13:"20 1Z 1X 13",17=N+7+c+7+1a+7+1h,L=a.T?a.T:\'\',M=(L?19(L):\'-\'),F=9.S("1W"),1c=(F?F.Y:""),1d=l(\'1S\').H(\'|\')[1],1y=l(\'1O\'),1j=l(\'1M\'),1l=l(\'1K\').H(\'|\')[0],1o=1g+"?"+"1J="+17+"&1I="+J+"&t="+t+"&1H="+Z+\'&1G=\'+M+\'&F=\'+1c+\'&1D=\'+1d+\'&1C=\'+1y+\'&M=\'+1l+\'&1z=\'+1j;1v(1o)}4 1n(){2 a=y X(),m=1u.21(1A*1u.1B()),1t=a.W().1E().1F(m);6 1t}4 l(a){2 b=9.1q.H("; ");1p(2 i=0;i<b.I;i++){2 c=b[i].H("=");5(c[0]==a)6 1L(c[1])}}4 1v(a){2 n="1N"+(y X()).W();2 i=1i[n]=y 1P();i.1Q=(i.1R=4(){1i[n]=G});i.1T=a+"&1U="+n;i=G}4 16(){5(j.1V(1f)){6"K.A.1b/8"}E{6"1Y.A.1b/8"}}4 15(){6 9.D}4 1r(a,b,c,d,e){2 f=a+"="+24(b);5(d!=""){2 g=y X();g.26(g.W()+d);f+=";27="+g.28()}5(c!=""){f+=";29="+c}2 h=15();5(h.u(".A.z")!=-1){f+=";D=.A.z"}E 5(h.u(".18.z")!=-1){f+=";D=.18.z"}E{f+=";D="+e}9.1q=f}4 19(r){2 a=\'-\';5(!q(r)){a=1s(r,\'2g\',\'&\')}6 a}4 1x(a){5(a.I>2h){a=a.1k(0,2j)}2k(a.u(7)!=-1){a=a.1w(7,"--")}6 a}4 R(n,a){5(n.12==3){a.2m(n.2n)}E 5(n.12==1){1p(2 m=n.2o;m!=G;m=m.2p){R(m,a)}}}4 v(s){6 s!=G?2q(s):""}4 1s(a,b,c){2 d="-",x;5(!q(a)&&!q(b)&&!q(c)){x=a.u(b);5(x>-1){2 e=a.u(c,x);5(e<0){e=a.I}d=a.1k(x+b.I+1,e)}}6 d}4 q(o){6(B==o||\'\'==o||\'-\'==o)}2 k=8.K;k.U=U})();',62,153,'||var||function|if|return|_tag|sa|document||||||||||||getCookieIndex||||id|IsEmpty|||_type|indexOf|_encode||idx|new|com|suning|undefined|_strings|domain|else|urlPattern|null|split|length|_errorCode|click|aHref|sid|oId|_snck|location|protocol|_getString|getElementById|href|sendDatasIndex|name|getTime|Date|value|_cityId|https|sn|nodeType|cityId|server|_getDomain|getServer|cDatas|cnsuning|GetSID|Datas|cn|urlPatternV|visitorID|_toUrl|hostName|clickUrl|_shortToUrl|window|memberID|substring|sessionID|_text|getOnlyIdIndex|url|for|cookie|_addCookie4Index|Pick|onlyId|Math|httpGifSendIndex|replace|_cutUrlToShort|loginUser|mid|100000|random|lu|vid|toString|concat|_sid|_cId|_snme|_snmk|_snmb|unescape|custno|log_|idsLoginUserIdLastTime|Image|onload|onerror|_snma|src|iId|test|URLPattern|get|clicksit|not|can|round|typeof|_snmp|escape|gif|setTime|expires|toGMTString|path|ajaxClick|errorCode|resourceType|text|ig|join|tid|301|Array|300|while|http|push|nodeValue|firstChild|nextSibling|encodeURIComponent|hostname|object'.split('|'),0,{}))*/ $(document).ready(function(){ if($("#anchorList li").length == 0){ $("#J-procon-desc").addClass("not-anchor"); $(".prod-detail-container").addClass('not-anchor'); } $("dl[name^=item_],img[name^=item_],span[name^=item_],a[name^=item_],p[name^=item_],div[name^=item_],i[name^=item_],li[name^=item_],input[name^=item_],a[name^=reviewitem_],input[name^=reviewitem_],p[name^=reviewitem_]").live("click",function(){ sa.click.sendDatasIndex(this); }); //分享附节点阻止了冒泡，另设分享 $('.share a[name^=item_],.share span[name^=item_]').on("click", function(){ sa.click.sendDatasIndex(this); }); // bd.init({ // 'token' : 'other' // }); var env = "prd"; if(sn.envName){ if(sn.envName == "PROD"){ env = "prd"; }else if(sn.envName == "SIT"){ env = "sit"; }else if(sn.envName == "XGPRE"){ env = "xgpre"; }else if(sn.envName == "PRE"){ env = "pre"; } } bd.init({ appCode : "OLSltniYhR1s2xr5", env : env }); _dfp.init({ appCode : "OLSltniYhR1s2xr5", env : env, error : function (e) { } }); }); //FourPage.initCluster(); CommonFourPage.autoPlayer(); FourPage.itemMainTab();//主tab切 iFourth.initDetailScroll();//详情锚点 //初始化横条dom iFourth.fillProconToolbar(); iFourth.init();//加载页面效果 FourPage.lazyElems(); FourPage.lazyFunction(); FourPage.commGroup()//同级目录 //非捐助加载推荐 if(!sn.donateFlag){ FourPage.Recommend();//推荐 } //展示举报 FourPage.showJubao(); initHistoryCookie(sn.partNumber,sn.vendorCode);//更新cookie if($("#kernelParmeter").length>0&&$.trim($("#kernelParmeter").find("ul").html())==""){$("#kernelParmeter").hide()} $("#cslpBox").html("").show(); iFourth.bindProServTooltip();//服务标签 $("img[src2]").Jlazyload({type: "image", placeholderClass: "err-product"}); //360度图片加载 if(sn.itemViewFlag){ iFourth.popTabFun(); } $('#hbModel-pj').on('click',function(){ $("#productCommTitle").click(); }); //在线客服 setFixBarOnline(); //DOM结束后塞值防止DOM没加载结束值没塞进去 $("li[rel=#J-procon-comment]").html('<a name="item_'+sn.ninePartNumber+'_tab_pingjia" href="javascript:void(0);">评价（'+sn.reviewTotal+'）</a>'); if(typeof gProduct == "undefined" || gProduct.gors != "0"){ $("#tabAddCart").show(); }else{ $("#tabAddCart").hide(); } if($("#callmeTile").length == 0){ $("#onlineTile").parent().hide(); } //相关品牌 Recommend.lazyRelGroup(); //页尾 Recommend.lazyFooter(); iFourth.judgeCanvas(); function parseQueryString(url) { var regUrl = /^[^\?]+\?([\w\W]+)$/; var regPara = /([^&=]+)=([\w\W]*?)(&|$|#)/g; var arrUrl = regUrl.exec(url); var ret = {}; if (arrUrl && arrUrl[1]) { var strPara = arrUrl[1]; var result; while ((result = regPara.exec(strPara)) != null) { ret[result[1]] = null != result[2]?result[2]:""; } } return ret; } window.doSeoComponents = function () { var reg = /^http(s)?:\/\/(.*?)\//; var referrer = document.referrer; var referrerHost = referrer && reg.exec(referrer); referrerHost = (referrerHost && Array.isArray(referrerHost)) ? referrerHost[2] : ''; var seoReferrerList = ",www.baidu.com,m.baidu.com,so.m.sm.cn,www.so.com,m.so.com,www.sogou.com,wap.sogou.com,cn.bing.com,cn.google.com,so.toutiao.com,m.toutiao.com,nativeapp.toutiao.com,"; if (null != referrerHost && '' != referrerHost && seoReferrerList.indexOf(','+referrerHost+',') != -1) { var categorys = {first:"502282",second:"502308",third:"502547"}; var coupons = new Array(); console.log(couponList); if (null != couponList && couponList.length > 0) { for (var i = 0; i < couponList.length; i++) { var actObj = couponList[i]; if (null != actObj.activityType && actObj.activityType != "7") { continue; } var obj = parseQueryString(actObj.activityLink); coupons.push({ actId: actObj.activityId, actKey: actObj.activitySecretKey, channel: "", cityId: sn.lesCityId, bonusTrigerId: obj.bonusTrigerId==null?"":obj.bonusTrigerId, mobileVisitWapFlag: "", versionNo: '', uuid: '', sourceId: "2001", salesPrice: actObj.couponValue, activityDescription: actObj.activityDesc, activityTypeId:actObj.activityId, couponType:actObj.couponType, couponTypeTag:actObj.couponShowType, memberAttLimitType:actObj.memberAttributeList }); } } var product = { cityCode:sn.lesCityId, prodNo:sn.partNumber, shopCode:sn.vendorCode, comeFrompage:"fourGoodpage", shopName:"君凤文轩图书专营店", classCode:sn.catenIds, brandId:"0001400CU", distCode:getAddrCode(), b2cGroupId:sn.categoryId, goods_price:sn.promotionPrice, goodsName:sn.itemDisplayName, productImage:sn.fristPic, sourceURL:"https://product.suning.com/0070172873/12450509914.html" }; seoComponents.init({ mode:"compSe", sourceChannel: "04", platform: "p", styles: {}, activityCode: "ACT0000012972", gameId: "GM0217", coupons: coupons, categorys: categorys, brand:"00014", product:product }); } }; </script> <script id="shoppingAllowanceDialog" type="text/html"> <div id="o2o-cjhb" sap-modid="23"> <div class="o2o-contain"> <div id="oto-bgg" class="oto-bgg" style='background: url("//image2.suning.cn/uimg/cms/img/154287473370364143.png")'> <p class="o2o-p1" style='background-image: url("//image2.suning.cn/uimg/cms/img/154510130790775531.png")'></p> {{if dialogMode == '5'}} <p class="o2o-p2">活动太火爆 稍后尝试</p> <br/> {{else}} <p class="o2o-p2"><a name="item_12450509914_gwjtmjhd_click" target="_blank" href="{{ruleUrl}}">{{bountyRulDescribe}} ></a></p> {{if startTimeStr && endTimeStr}} <p class="o2o-p3">{{startTimeStr}} 至 {{endTimeStr}}</p> {{/if}} {{/if}} <div id="o2oDynamic"> <div class={{if dialogMode == '1'}} "o2o-common o2o-avalible"> {{else if dialogMode == '4'}} "o2o-common o2o-success"> {{else if dialogMode == '5'}} "o2o-common o2o-avalible"> {{/if}} {{if dialogMode == '5'}} <div class="o2o-lkbg">刷新</div> {{else}} <div class="o2o-d-con"> {{if freeAllowanceObj }} <div class="o2o-d-y" sendCategory="free_allowance" sa-data="{'eletp':'','eleid':'140000630'}"> <span class="o2o-zydh">抢{{freeAllowanceObj.freeAmount}}元</span> <span class="o2o-zyxy">可领{{freeAllowanceObj.freeRemainCount}}次</span> </div> {{else}} {{each surplusQuota as quota}} <div class="{{if !point || point < quota.pointQuota}}o2o-d-n{{else}}o2o-d-y{{/if}}{{if dialogMode != '1'}} hide{{/if}}" {{if quota.sendCategory=="0"}}sa-data="{'eletp':'','eleid':'140000640'}"{{else if quota.sendCategory=="1"}}sa-data="{'eletp':'','eleid':'140000650'}"{{/if}} sendCategory="{{quota.sendCategory}}"> <span class="o2o-zydh">{{if quota.sendCategory=="1"}}抢{{quota.minAllowanceQuota}}-{{quota.maxAllowanceQuota}}元{{else if quota.sendCategory=="0"}}抢{{quota.allowanceQuota}}元{{/if}}</span> <span class="o2o-zyxy">{{if !point || point < quota.pointQuota}}云钻不足{{else}}需{{quota.pointQuota}}云钻{{/if}}</span> </div> {{/each}} {{/if}} </div> <div class="o2o-do-text{{if dialogMode != '4'}} hide{{/if}}"><i>恭喜，兑换成功(</i><i>5</i><i>s)</i></div> <div class="o2o-done{{if dialogMode != '4'}} hide{{/if}}">获得{{if dialogMode == '4'}}{{exchangeAllowanceQuota}}{{/if}}元购物补贴</div> {{/if}} </div> {{if point >= 0}} <div class="o2o-my-money"> <span>我的云钻 : </span> <i>{{point}}</i> </div> {{/if}} {{if bonusUseAmount >= 0 && shopAllowanceRedPacketLinkSwitch == '1'}} <div class="o2o-my-money"> <a href="//quan.suning.com/shoppingCoupon/shoppingCoupon_{{activityId}}.htm" target="_blank"><span>我的购物补贴 : </span> <i>¥ {{bonusUseAmount}}</i></a> </div> {{/if}} </div> </div> </div> </div> <!-- 风控验证 --> <div class="identity-pop-form" id="vasIdentityPopForm" style="display: none"> <div class="idty-container"> <div class="clearfix" id="vasSlideWords" style="display: none"> <div class="lose-img"></div> <div class="idty-prompt"> <p>活动太火爆，请滑动验证！</p> </div> </div> <div class="clearfix" id="vasImgWords" style="display: none"> <div class="lose-img"></div> <div class="idty-prompt"> <p>活动太火爆，请输入验证码验证！</p> </div> </div> <div class="idty-area" id="vasSlideCheck" style="display: none"> <div> <div style="width: 332px;height: 42px; text-align: center;background: #75C72B;" id="vasSlideArea"></div> </div> </div> <div class="idty-area" id="vasImgCheck" style="display: none"> <div class="identity-img "> <div class=" clearfix "> <div class="idty-input check-err check-correct" id="vasChenckInfo"> <input type="text" id="vasImgtext"> <i class="err-i" style="display: none"></i> <i class="correct-i" style="display: none"></i> </div> <img src="" alt="" class="idtycode-img"> <a href="javascript:;" class="idty-change" onclick="shopAllowance.fk.imageCheck.changeValidate()">换一张</a> </div> <div class="err-box" style="display: none" id="vasErrbox"></div> <a href="javascript:;" class="btn-idty" id="vasValidateButton">验证领取</a> </div> </div> <div id="vasSMSCheck" style="display: none"> <div class="page1 SMS_security"> <div class="info info-tel"> <p>手机号码:<span class="tel-num" id="vasSmsTel"></span></p> </div> <p class="info info-code"> <input type="tel" class="code" id="vasSmsCode" placeholder="请输入验证码"> <a class="code1" id="vasGetSmsCode" href="javascript:;">获取验证码</a> </p> <p class="error-msg" style="display: none" id="vasSmsErrbox">验证码错误</p> <div class="btn-box"> <a href="javascript:;" class="btn-idty" id="vasSMSButton">确定</a> <a href="javascript:;" class="btn2" id="vasSMSCancel">取消</a> </div> </div> </div> </div> </div> </script></body> </html>