HTML+CSS+JavaScript网页设计教程
作 者: 孟宪宁,赵春霞,包燕 编
定 价: 39
出 版 社: 西安电子科技大学出版社
出版日期: 2020年03月01日
页 数: 271
装 帧: 平装
ISBN: 9787560655864
●章网页设计综述
1.1Web起源
1.2Web工作原理
1.3浏览器
1.4网页开发工具
1.5基本概念
1.6网页开发技术简介
1.6.1HTML简介
1.6.2CSS简介
1.6.3JavaScript简介
1.7一个简单的网页
1.7.1准备工作
1.7.2编写HTML代码
1.7.3设计CSS样式
1.7.4添加CSS样式后网页的显示效果
练习与实践
第2章HTML
2.1HTML基本语法
2.1.1双标签
2.1.2单标签
2.1.3属性
2.1.4注释
2.2HTML文档基本结构
2.3HTML文档头部相关标签
2.3.1页面标题标签
<br /> …… <br /> <span> <div> <span> <ul> <ol> <a></a> </ol> </ul> </span> </div> </span> </div> </div> <img class="desc_anchor" id="desc-module-4" src="https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif"> <div class="detailpage-content" style="background:#a4a4a4;color:#fefeff;padding:20.0px 0;width:790.0px;margin:0 auto;font-family:微软雅黑;font-size:29.5px;" align="center"> <img style="width:790.0px;" src="https://img.alicdn.com/imgextra/i4/101450072/TB2uhKJhB0kpuFjSsppXXcGTXXa-101450072.png" alt="内容虚线" size="790x26"> <p style="font-size:40.0px;font-weight:bold;padding:0.0px;margin:0.0px;">内容简介</p> <img style="width:790.0px;" src="https://img.alicdn.com/imgextra/i2/101450072/TB2LvCmhxXkpuFjy0FiXXbUfFXa-101450072.png" size="789x11"> <p style="text-indent:2.0em;line-height:44.17px;width:715.0px;margin:0 auto;text-align:left;"> 本书是作者根据多年的教学和网站设计经验，按照学习网页设计技术的规律，精心设计编写的，书中代码均符合近期新的Web开发规范。本书由浅入深，完整而详细地介绍了HTML、CSS和JavaScript这三种网页设计技术，在讲解基本规范的同时，给出了实用性强的案例，可以使读者在掌握基本规范的同时，学习到实用的网页设计技术。本书内容系统、全面， </p> </div> <img class="desc_anchor" id="desc-module-5" src="https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif"> <img class="desc_anchor" id="desc-module-6" src="https://assets.alicdn.com/kissy/1.0.0/build/imglazyload/spaceball.gif"> <div class="instructions" style="width:790.0px;margin:auto;"> <img src="https://img.alicdn.com/imgextra/i4/101450072/O1CN018aBIIZ1CP19G4EBUK_!!101450072.jpg" width="790" height="3620" size="790x3620"> </div> </noscript> </div> <div class="gm-f-item gm-f-parameter" ectype="gm-item" id="product-detail" style="display:none;"> <div class="gm-title"> <h3>规格参数</h3> </div> <div class="Ptable"> <div class="Ptable-item"> <h3></h3> <dl> <dt>ISBN编号</dt> <dd title="9787560655864">9787560655864</dd> <dt>书名</dt> <dd title="HTML+CSS+JavaScript网页设计教程,HTML+CSS+JavaScript网页设计教程">HTML+CSS+JavaScript网页设计教程,HTML+CSS+JavaScript网页设计教程</dd> <dt>作者</dt> <dd title="孟宪宁，赵春霞，包燕编著">孟宪宁，赵春霞，包燕编著</dd> <dt>出版社名称</dt> <dd title="西安电子科技大学出版社">西安电子科技大学出版社</dd> <dt>定价</dt> <dd title="39.00元">39.00元</dd> <dt>是否是套装</dt> <dd title="否">否</dd> <dt>作者地区</dt> <dd title="中国大陆">中国大陆</dd> </dl> </div> </div> </div> <div class="gm-f-item gm-f-comment" ectype="gm-item"> <div class="gm-title"> <h3>评论晒单</h3> <ul class="gm-f-tab" ectype="gmf-tab"> <li class="curr" rev="0"><a href="javascript:;">全部<em>(0)</em></a></li> <li rev="1"><a href="javascript:;">好评<em>(0)</em></a></li> <li rev="2"><a href="javascript:;">中评<em>(0)</em></a></li> <li rev="3" class="last"><a href="javascript:;">差评<em>(0)</em></a></li> </ul> </div> <div class="gm-warp"> <div class="praise-rate-warp"> <div class="rate"> <strong>100</strong> <span class="rate-span"> <span class="tit">好评率</span> <span class="bf">%</span> </span> </div> <div class="actor-new"> <div class="not_impression">此商品还没有设置买家印象，陪我一起等下嘛</div> </div> </div> <div class="com-list-main"> <div id="goods-comments-async" data-goods-id="1611089"> <div class="loading" style="text-align:center;padding:20px;color:#999;">加载评价中...</div> </div> </div> </div> </div> <div class="gm-f-item gm-f-tiezi" ectype="gm-item"> <div class="gm-title"> <h3>网友讨论圈</h3> <div class="gm-f-tab"> <a href="javascript:void(0);" class="dis_type curr" rev="0" revType="1">全部帖子(0)</a> <a href="javascript:void(0);" class="dis_type" rev="4" revType="1">晒单帖(0)</a> <a href="javascript:void(0);" class="dis_type" rev="1" revType="1">讨论帖(0)</a> <a href="javascript:void(0);" class="dis_type" rev="2" revType="1">问答帖(0)</a> <a href="javascript:void(0);" class="dis_type" rev="3" revType="1">圈子帖(0)</a> </div> </div> <div class="table" id='discuss_list_ECS_COMMENT'></div> </div> </div> </div> <div class="clear"></div> <div class="rection" id="guess_goods_love"> </div> </div> </div> <div class="dialogbox hidden"> <div id="notify_box" class="hide"> <div class="sale-notice"> <div class="prompt">一旦商品在30日内降价，您将收到邮件、短信和手机推送消息！通过手机客户端消息提醒，购买更便捷~</div> <div class="user-form foreg-form"> <div class="form-row"> <div class="form-label"><em class="red">*</em>价格低于：</div> <div class="form-value"> <input type="text" id="price-notice" name="price-notice" class="form-input w120 fl" onkeyup="notifyKeyup(this)"> <div class="notic mr10">时，通知我</div> <div class="error"></div> </div> </div> <div class="form-row"> <div class="form-label"><em class="red">*</em>手机号码：</div> <div class="form-value"> <input type="text" class="form-input" id="cellphone" name="cellphone" onkeyup="notifyKeyup(this)"> <div class="error"></div> </div> </div> <div class="form-row"> <div class="form-label"><em class="red">*</em>邮箱地址：</div> <div class="form-value"> <input type="text" class="form-input" id="user_email_notice" name="email" onkeyup="notifyKeyup(this)"> <div class="error"></div> </div> </div> </div> </div> </div> <div class="ecsc-cart-popup" id="addtocartdialog"> <div class="loading-mask"></div> <div class="loading"> <div class="center_pop_txt"> <div class="title"><h3>提示</h3><a href="javascript:loadingClose();" title="关闭" class="loading-x">X</a></div> </div> <div class="btns"> <a href="flow.php" class="ecsc-btn-mini ecsc-btn-orange">去付款</a> <a href="javascript:loadingClose();" class="ecsc-btn-mini">继续购物</a> </div> </div> </div> </div> <div class="duibi_box" id="slideTxtBox"> <div class="parWarp"> <div class="parTit">对比栏</div> <div class="parBd"> <div class="slideBox5" id="duibilan"> <div id="diff-items" class="diff-items clearfix"> <dl class="hasItem" id="compare_goods1"> <dt><h1>1</h1></dt> <dd><span class="ts">您还可以继续添加</span></dd> </dl> <dl class="hasItem" id="compare_goods2"> <dt><h1>2</h1></dt> <dd><span class="ts">您还可以继续添加</span></dd> </dl> <dl class="hasItem" id="compare_goods3"> <dt><h1>3</h1></dt> <dd><span class="ts">您还可以继续添加</span></dd> </dl> <dl class="hasItem" id="compare_goods4"> <dt><h1>4</h1></dt> <dd><span class="ts">您还可以继续添加</span></dd> </dl> </div> <div class="diff-operate"> <a id="compare_button" class="compare-active"></a> <a id="qingkong" class="del-items">清空对比栏</a> <a href="javascript:;" class="hide-me" ectype="db_hide">隐藏</a> </div> </div> </div> </div> </div> <div class="tm-dl-overlay tm-dl-overlay-hidden"> <a href="javascript:void('close')" class="tm-dl-overlay-close"><b></b><i></i></a> <div class="tm-dl-overlay-content"></div> </div> <div class="tm-dl-overlay-mask"></div> </div> <form method="post" id="history-download-form-2" action="https://www.m68m.com/ajax_goods.php?act=goods_down_resource&goods_id=1611089"> <input type="hidden" name="_token" value="6eJUgw5TqVSYpnEXJAY0IN15pu4R2lcraS1YLuAo"></form> <div class="mui-mbar-tabs"> <div class="quick_link_mian" data-userid="0"> <div class="quick_links_panel"> <div id="quick_links" class="quick_links"> <ul> <li> <a href="user.php"><i class="setting"></i></a> <div class="ibar_login_box status_login"> <div class="avatar_box"> <p class="avatar_imgbox"> <img src="https://www.m68m.com/themes/ecmoban_dsc2017/images/touxiang.jpg" width="100" height="100"/> </p> <ul class="user_info"> <li>用户名：暂无</li> <li>级 别：暂无</li> </ul> </div> <div class="login_btnbox"> <a href="https://www.m68m.com/user_order.php?act=order_list" class="login_order">我的订单</a> <a href="https://www.m68m.com/user_collect.php?act=collection_list" class="login_favorite">我的收藏</a> </div> <i class="icon_arrow_white"></i> </div> </li> <li id="shopCart"> <a href="javascript:void(0);" class="cart_list"> <i class="message"></i> <div class="span">购物车</div> <span class="cart_num">0</span> </a> </li> <li> <a href="javascript:void(0);" class="mpbtn_order"><i class="chongzhi"></i></a> <div class="mp_tooltip"> <font id="mpbtn_money" style="font-size:12px; cursor:pointer;">我的订单</font> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="javascript:void(0);" class="mpbtn_yhq"><i class="yhq"></i></a> <div class="mp_tooltip"> <font id="mpbtn_money" style="font-size:12px; cursor:pointer;">优惠券</font> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="javascript:void(0);" class="mpbtn_total"><i class="view"></i></a> <div class="mp_tooltip" style=" visibility:hidden;"> <font id="mpbtn_myMoney" style="font-size:12px; cursor:pointer;">我的资产</font> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="javascript:void(0);" class="mpbtn_history"><i class="zuji"></i></a> <div class="mp_tooltip"> <font id="mpbtn_histroy" style="font-size:12px; cursor:pointer;">我的足迹</font> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="javascript:void(0);" class="mpbtn_collection"><i class="wdsc"></i></a> <div class="mp_tooltip"> <font id="mpbtn_wdsc" style="font-size:12px; cursor:pointer;">我的收藏</font> <i class="icon_arrow_right_black"></i> </div> </li> <li> <a href="javascript:void(0);" class="mpbtn_email"><i class="email"></i></a> <div class="mp_tooltip"> <font id="mpbtn_email" style="font-size:12px; cursor:pointer;">邮箱订阅</font> <i class="icon_arrow_right_black"></i> </div> </li> </ul> </div> <div class="quick_toggle"> <ul> <li> <a id="IM" IM_type="dsc" onclick="openWin(this)" href="javascript:void(0);" ><i class="kfzx"></i></a> <div class="mp_tooltip">客服中心<i class="icon_arrow_right_black"></i></div> </li> <li class="returnTop"> <a href="javascript:void(0);" class="return_top"><i class="top"></i></a> </li> </ul> </div> </div> <div id="quick_links_pop" class="quick_links_pop"></div> </div> </div> <div class="email_sub"> <div class="attached_bg"></div> <div class="w1200"> <div class="email_sub_btn"> <input type="input" id="user_email" name="user_email" autocomplete="off" placeholder="请输入您的邮箱帐号"> <a href="javascript:void(0);" onClick="add_email_list();" class="emp_btn">订阅</a> <a href="javascript:void(0);" onClick="cancel_email_list();" class="emp_btn emp_cancel_btn">退订</a> </div> </div> </div> <div class="footer-new"> <div class="footer-new-top"> <div class="w w1330"> <div class="service-list"> <div class="service-item"> <i class="iconfont icon-zhengpin"></i> <div class="service-item-text"> <span class="tit">正品保障</span> <span class="txt">品质保障，购物无忧</span> </div> </div> <div class="service-item"> <i class="iconfont icon-shandian"></i> <div class="service-item-text"> <span class="tit">闪电发货</span> <span class="txt">闪电发货，极速配送</span> </div> </div> <div class="service-item"> <i class="iconfont icon-tuikuanshouhou"></i> <div class="service-item-text"> <span class="tit">售后无忧</span> <span class="txt">退换无忧，维修无忧</span> </div> </div> <div class="service-item"> <i class="iconfont icon-dianzan"></i> <div class="service-item-text"> <span class="tit">好评如潮</span> <span class="txt">口碑认证，服务至上</span> </div> </div> </div> <div class="contact"> <div class="contact-item contact-item-first"> <div class="yuan"><i class="iconfont icon-dianhua"></i></div> <div class="contact-right"> <div class="service_phone_text">咨询热线</div> <div class="service_phone">029-86552457</div> </div> </div> <div class="contact-item"> <a href="https://p.qiao.baidu.com/cps/chat?siteId=13479764&userId" target="_blank" class="btn-ctn"> <div class="yuan"><i class="iconfont icon-kefu"></i></div> <div class="contact-right"> <div class="service_phone_text">在线客服</div> <i class="iconfont icon-jiantou_xiangyou"></i> </div> </a> </div> </div> </div> </div> <div class="footer-new-con"> <div class="fnc-warp"> <div class="help-list"> <div class="help-item"><h3>新手上路 </h3><ul><li><a href="https://www.m68m.com/article-9.html" title="售后流程" target="_blank">售后流程</a></li><li><a href="https://www.m68m.com/article-10.html" title="购物流程" target="_blank">购物流程</a></li><li><a href="https://www.m68m.com/article-11.html" title="订购方式" target="_blank">订购方式</a></li><li><a href="https://www.m68m.com/article-36.html" title="隐私声明" target="_blank">隐私声明</a></li></ul></div><div class="help-item"><h3>配送与支付 </h3><ul><li><a href="https://www.m68m.com/article-16.html" title="配送支付智能查询 " target="_blank">配送支付智能查询</a></li><li><a href="https://www.m68m.com/article-17.html" title="支付方式说明" target="_blank">支付方式说明</a></li><li><a href="https://www.m68m.com/article-55.html" title="上门自提" target="_blank">上门自提</a></li></ul></div><div class="help-item"><h3>服务保证 </h3><ul><li><a href="https://www.m68m.com/article-21.html" title="退换货原则" target="_blank">退换货原则</a></li><li><a href="https://www.m68m.com/article-22.html" title="售后服务保证" target="_blank">售后服务保证</a></li><li><a href="https://www.m68m.com/article-23.html" title="产品质量保证 " target="_blank">产品质量保证</a></li></ul></div><div class="help-item"><h3>联系我们 </h3><ul><li><a href="https://www.m68m.com/article-24.html" title="网站故障报告" target="_blank">网站故障报告</a></li><li><a href="https://www.m68m.com/article-25.html" title="选机咨询 " target="_blank">选机咨询</a></li><li><a href="https://www.m68m.com/article-26.html" title="投诉与建议 " target="_blank">投诉与建议</a></li><li><a href="https://www.m68m.com/article-69.html" title="营业执照" target="_blank">营业执照</a></li></ul></div><div class="help-item"><h3>会员中心</h3><ul><li><a href="https://www.m68m.com/article-18.html" title="资金管理" target="_blank">资金管理</a></li><li><a href="https://www.m68m.com/article-19.html" title="我的收藏" target="_blank">我的收藏</a></li><li><a href="https://www.m68m.com/article-20.html" title="我的订单" target="_blank">我的订单</a></li></ul></div> </div> <div class="qr-code"> <div class="qr-item qr-item-first"> <div class="code_img"><img src="/storage/images/common/ecjia_qrcode.png"></div> <div class="code_txt">关注微信</div> </div> <div class="qr-item"> <div class="code_img"><img src="/storage/images/common/ectouch_qrcode.png"></div> <div class="code_txt">客服微信</div> </div> </div> </div> </div> <div class="footer-new-bot"> <div class="w w1330"> <p class="copyright_links"> <a href="https://www.m68m.com/">首页</a><span class="spacer"></span><a href="https://www.m68m.com/article-2.html">隐私保护</a><span class="spacer"></span><a href="https://www.m68m.com/article-4.html">联系我们</a><span class="spacer"></span><a href="https://www.m68m.com/article-1.html">免责条款</a><span class="spacer"></span><a href="https://www.m68m.com/article-5.html">公司简介</a><span class="spacer"></span><a href="https://www.m68m.com/merchants.html" target="_blank">商家入驻</a><span class="spacer"></span><a href="https://www.m68m.com/message.html">意见反馈</a> </p> <p class="copyright_links"> <a href="https://www.m68m.com/" target="_blank" title="万卷网">万卷网</a><span class="spacer"></span><a href="https://www.m68m.com/storage/uploads/image/2021/05/20/db7ea3d57005b3dc0cf4c6f09a9e8cf5.jpg" target="_blank" title="营业执照">营业执照</a><span class="spacer"></span><a href="https://www.m68m.com/storage/uploads/image/2021/05/20/e0e735b6aa08b06446fc9b6545792f4d.jpg" target="_blank" title="出版物许可证">出版物许可证</a><span class="spacer"></span><a href="https://www.m68m.com/categoryall.html" target="_blank" title="万卷网类目">万卷网类目</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-1.html" target="_blank" title="当当网图书旗舰店">当当网图书旗舰店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-2.html" target="_blank" title="博库图书旗舰店">博库图书旗舰店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-3.html" target="_blank" title="凤凰新华书店图书旗舰店">凤凰新华书店图书旗舰店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-6.html" target="_blank" title="磨铁图书旗舰店">磨铁图书旗舰店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-7.html" target="_blank" title="文工坊图书专营店">文工坊图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-9.html" target="_blank" title="九层图书专营店">九层图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-10.html" target="_blank" title="博雅弘德图书专营店">博雅弘德图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-11.html" target="_blank" title="悦悦图书专营店">悦悦图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-13.html" target="_blank" title="安倍优佳图书专营店">安倍优佳图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-14.html" target="_blank" title="新华文轩网络书店">新华文轩网络书店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-17.html" target="_blank" title="人天兀鲁思图书专营店">人天兀鲁思图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-20.html" target="_blank" title="布克图书专营店">布克图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-22.html" target="_blank" title="博蓝图书专营店">博蓝图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-23.html" target="_blank" title="水利电力图书专营店">水利电力图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-28.html" target="_blank" title="陕西新华发行图书专营店">陕西新华发行图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-29.html" target="_blank" title="辽宁出版集团图书专营店">辽宁出版集团图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-32.html" target="_blank" title="成都时代出版社图书专营店">成都时代出版社图书专营店</a><span class="spacer"></span><a href="https://www.m68m.com/merchants_store-33.html" target="_blank" title="国图书店图书专营店">国图书店图书专营店</a> </p> <p> <span>ICP备案证书号:</span><a href="http://beian.miit.gov.cn/" target="_blank">陕ICP备18013390号-1</a> </p> <p><a href='https://www.m68m.com/' target='_blank' >由万卷网提供技术支持</a></p> <p class="copyright_auth"> </p> <p style="display:none;"> <script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?bbe27adbab99eecec0bbfd3fb78be995";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script> </p> </div> </div> <div class="hide" id="pd_coupons"> <span class="success-icon m-icon"></span> <div class="item-fore"> <h3>领取成功！感谢您的参与，祝您购物愉快~</h3> <div class="txt ftx-03">本活动为概率性事件，不能保证所有客户成功领取优惠券</div> </div> </div> <div class="hidden"> <input type="hidden" value="0" id="is_jsonp" name="is_jsonp"> <input type="hidden" value="https://www.m68m.com" id="asset" name="asset"> <input type="hidden" name="seller_kf_IM" value="0" rev="" ru_id="14" /> <input type="hidden" name="seller_kf_qq" value="" /> <input type="hidden" name="seller_kf_tel" value="" /> <input type="hidden" name="user_id" ectype="user_id" value="0" /> </div> </div> <script type="text/javascript" src="https://www.m68m.com/js/suggest.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/scroll_city.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/utils.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/warehouse.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/warehouse_area.js"></script> <script type="text/javascript">
$(function () {
var len = $("form[name='searchForm'] :input[name='_token']").size();
if(len > 1){
$("form[name='searchForm'] :input[name='_token']:first").nextAll().remove()
}
});
</script> <script type="text/javascript" src="https://www.m68m.com/js/jquery.SuperSlide.2.1.1.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/jquery.yomi.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/common.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/compare.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/cart_common.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/magiczoomplus.js"></script> <script type="text/javascript" src="https://www.m68m.com/js/cart_quick_links.js"></script> <script type="text/javascript" src="https://www.m68m.com/calendar.php?lang=zh-CN"></script> <script type="text/javascript" src="https://www.m68m.com/js/perfect-scrollbar/perfect-scrollbar.min.js"></script> <script type="text/javascript" src="https://www.m68m.com/themes/ecmoban_dsc2017/js/dsc-common.js"></script> <script type="text/javascript" src="https://www.m68m.com/themes/ecmoban_dsc2017/js/jquery.purebox.js"></script> <script type="text/javascript" src="https://www.m68m.com/themes/ecmoban_dsc2017/js/region.js"></script> <script type="text/javascript" src="https://www.m68m.com/themes/ecmoban_dsc2017/js/goodsFittings.js"></script> <script type="text/javascript">
$(function(){
//配送区域
goods_delivery_area();
});
/* 获取配送区域 start*/
function goods_delivery_area(){
var area = new Object();
var goods_attr_id = '';
if($(".summary [ectype='is-attr']")){
$(".summary [ectype='is-attr']").each(function(item){
var val = $(this).find(".selected").data("name");
goods_attr_id += val + ',';
})
goods_attr_id = goods_attr_id.slice(0,goods_attr_id.length - 1);
}
area.province_id = '310000';
area.city_id = '659009504';
area.district_id = '310101';
area.street_id = '310101002';
area.street_list = '310101002,310101013,310101015,310101017,310101018,310101019,310101020,310101021,310101022,310101023';
area.goods_id = '1611089';
area.goods_attr_id = goods_attr_id;
area.user_id = '0';
area.region_id = '2';
area.area_id = '21335';
area.area_city = '21336';
area.merchant_id = '14';
Ajax.call('ajax_dialog.php?act=goods_delivery_area', 'area=' + $.toJSON(area), goods_delivery_areaResponse, 'POST', 'JSON');
}
function goods_delivery_areaResponse(result){
$("#area_address").html(result.content);
$(".store-warehouse-info").html(result.warehouse_content);
if(result.is_theme == 1){
get_user_area_shipping(result.goods_id, result.goods_attr_id, result.area.region_id, result.area.area_id, result.area.area_city, result.area.province_id, result.area.city_id, result.area.district_id, result.area.street_id, result.area.street_list);
}
}
/* 获取配送区域 end*/
/* 查询用户所在地区是否支持配送 */
function get_user_area_shipping(goods_id, goods_attr_id, region_id, area_id, area_city, province_id, city_id, district_id, street_id, street_list){
var area = new Object();
area.goods_id = goods_id;
area.goods_attr_id = goods_attr_id;
area.region_id = region_id;
area.area_id = area_id;
area.area_city = area_city;
area.province_id = province_id;
area.city_id = city_id;
area.district_id = district_id;
area.street_id = street_id;
area.street_list = street_list;
Ajax.call('ajax_dialog.php?act=user_area_shipping', 'area=' + $.toJSON(area), user_area_shippingResponse, 'POST', 'JSON');
}
function user_area_shippingResponse(result){
$("#user_area_shipping").html(result.content);
changePrice(1);
}
/* 配送地区 常用地址选择 start*/
function get_region_change(goods_id, province_id, city_id, district_id, street_id){
Ajax.call("ajax_dialog.php", 'id=' + goods_id + '&act=in_stock' + '&province=' + province_id + "&city=" + city_id + "&district=" + district_id+ "&street=" + street_id, ajax_is_inStock, "GET", "JSON");
}
function ajax_is_inStock(res){
var t = '&t=' + parseInt(Math.random()*1000);
var str_new = window.location.href.replace(/\&t\=\d+/g,t);
location.href = str_new;
}
/* 配送地区 常用地址选择 end*/
</script> <script type="text/javascript">
//商品详情
goods_desc_floor();
//商品相册小图滚动
$(".spec-list").slide({
mainCell: ".spec-items ul",
effect: "left",
trigger: "click",
pnLoop: false,
autoPage: true,
scroll: 1,
vis: 5,
prevCell: ".spec-prev",
nextCell: ".spec-next"
});
//右侧看了又看上下滚动
$(".track_warp").slide({
mainCell: ".track-con ul",
effect: "top",
pnLoop: false,
autoPlay: false,
autoPage: true,
prevCell: ".sprite-up",
nextCell: ".sprite-down",
vis: 3
});
//商品搭配切换
$(".combo-inner").slide({
titCell: ".tab-nav li",
mainCell: ".tab-content",
titOnClassName: "curr",
trigger: "click"
});
//商品搭配 多个商品滚动切换
$(".combo-items").slide({
mainCell: ".combo-items-warp ul",
effect: "left",
pnLoop: false,
autoPlay: false,
autoPage: true,
prevCell: ".o-prev",
nextCell: ".o-next",
vis: 4
});
//左侧新品 热销 推荐排行切换
$(".g-rank").slide({titCell: ".mc-tab li", mainCell: ".mc-content", titOnClassName: "curr", trigger: "click"});
//全局变量
var seller_id = 14;
var goods_id = 1611089;
var goodsId = 1611089;
var goodsattr_style = 1;
var gmt_end_time = 0;
var now_time = 1792149703;
var isReturn = false;
$(function () {
if (seller_id > 0) {
goods_collect_store(seller_id);
}
guessGoodsLove();
Ajax.call('ajax_goods.php', 'act=goods_new_list&id=' + goods_id, newResponse, 'GET', 'JSON');
Ajax.call('ajax_goods.php', 'act=goods_best_list&id=' + goods_id, bestResponse, 'GET', 'JSON');
Ajax.call('ajax_goods.php', 'act=goods_hot_list&id=' + goods_id, hotResponse, 'GET', 'JSON');
//对比默认加载
Compare.init();
});
function newResponse(res) {
if (res.is_show == 1) {
$("#goods_new_best_hot").show();
$("#title_goods_new").show();
}
$("#recommend_new_goods").html(res.content);
}
function bestResponse(res) {
if (res.is_show == 1) {
$("#goods_new_best_hot").show();
$("#title_goods_best").show();
}
$("#recommend_best_goods").html(res.content);
}
function hotResponse(res) {
if (res.is_show == 1) {
$("#goods_new_best_hot").show();
$("#title_goods_hot").show();
}
$("#recommend_hot_goods").html(res.content);
}
/******************************************* js方法 start***********************************************/
var add_shop_price = $("*[ectype='add_shop_price']").val();
/* 点击可选属性或改变数量时修改商品价格的函数 */
function changePrice(type) {
var qty = $("*[ectype='quantity']").val();
var goods_attr_id = '';
var goods_attr = '';
var attr_id = '';
var attr = '';
var region_id = $(":input[name='region_id']").val();
var area_id = $(":input[name='area_id']").val();
var area_city = $("input[name='area_city']").val();
var district_id = $("input[name='district_region_id']").val();
if (!region_id) {
region_id = 2;
}
if (!area_id) {
area_id = 21335;
}
goods_attr_id = getSelectedAttributes(document.forms['ECS_FORMBUY']);
if (type != 1) {
if (add_shop_price == 0) {
attr_id = getSelectedAttributesGroup(document.forms['ECS_FORMBUY']);
goods_attr = '&goods_attr=' + attr_id;
}
Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + goods_attr_id + goods_attr + '&number=' + qty + '&warehouse_id=' + region_id + '&area_id=' + area_id + '&district_id=' + district_id, changePriceResponse, 'GET', 'JSON');
} else {
attr = '&attr=' + goods_attr_id;
Ajax.call('goods.php', 'act=price&id=' + goodsId + attr + '&number=' + qty + '&warehouse_id=' + region_id + '&area_id=' + area_id + '&type=' + type + '&district_id=' + district_id, changePriceResponse, 'GET', 'JSON');
}
}
/* 接收返回的信息 回调函数 */
function changePriceResponse(res) {
if (res.err_msg.length > 0) {
pbDialog(res.err_msg, " ", 0, 450, 80, 50);
} else {
//商品条形码
if ($("#bar_code").length > 0) {
if (res.bar_code) {
$("#bar_code").html(res.bar_code);
$("#bar_code").parents(".bar_code").removeClass("hide");
} else {
$("#bar_code").parents(".bar_code").addClass("hide");
}
}
$("#cost-price").html(res.marketPrice_amount);
//更新库存
if ($("*[ectype='goods_attr_num']").length > 0) {
$("*[ectype='goods_attr_num']").html(res.attr_number);
$("*[ectype='perNumber']").val(res.attr_number);
}
//更新已购买数量
if ($("#orderG_number").length > 0) {
$("#orderG_number").html(res.orderG_number);
}
if ($("#ECS_SHOPPRICE").length > 0) {
//市场价
if ($("#ECS_MARKETPRICE").length > 0) {
$("#ECS_MARKETPRICE").html(res.result_market);
}
//商品价格
if (res.type == 1) {
$("*[ectype='SHOP_PRICE']").html(res.result);
} else {
if (add_shop_price == 1) {
$("*[ectype='SHOP_PRICE']").html(res.result);
} else {
if (res.show_goods == 1) {
$("*[ectype='SHOP_PRICE']").html(res.spec_price);
} else {
$("*[ectype='SHOP_PRICE']").html(res.result);
}
}
}
if (add_shop_price == 0 && res.goods_rank_prices) {
$(".goods_rank_prices").html(res.goods_rank_prices);
}
//搭配 套餐价
var combo_shop = document.getElementsByName('combo_shopPrice[]');
var combo_mark = document.getElementsByName('combo_markPrice[]');
var index = $(".tab-nav li.curr").index();
for (var i = 0; i < combo_shop.length; i++) {
combo_shop[i].innerHTML = res.fittings_interval[index].fittings_minMax;
}
for (var i = 0; i < combo_mark.length; i++) {
combo_mark[i].innerHTML = res.fittings_interval[index].market_minMax;
}
}
// 显示开通高级会员权益卡
if ($("#vip_register").length > 0) {
if (res.is_show_drp == 1 && res.is_drp == 1 && res.drp_shop == 0) {
if (res.membership_card_discount_price > 0) {
$("#card_discount_price").html(res.membership_card_discount_price_formated);
}
$("#vip_register").css('display', 'block');
} else {
$("#vip_register").css('display', 'none');
}
}
if (res.err_no == 2) {
$("#isHas_warehouse_num").html(json_languages.shiping_prompt);
} else {
var isHas;
var is_shipping = Number($("#is_shipping").val());
if ($("#isHas_warehouse_num").length > 0) {
if ((res.attr_number > 0) && (res.attr_number > 0 || res.original_spec_price == res.original_shop_price) && (1 != 0 || is_shipping == 1))
{
$("a[ectype='btn-append']").attr('href', 'javascript:addToCartShowDiv(1611089)').removeClass('btn_disabled');
$("a[ectype='btn-buynow']").attr('href', 'javascript:bool=0;buynow=1;addToCart(1611089)').removeClass('btn_disabled');
$("a[ectype='byStages']").removeClass('btn_disabled');
$('a').remove('#quehuo');
isHas = '<strong>' + json_languages.Have_goods + '</strong>，' + json_languages.Deliver_back_order;
$("a[ectype='btn-buynow']").show();
$("a[ectype='btn-append']").show();
$("a[ectype='byStages']").show();
}
else
{
isHas = '<strong>' + json_languages.No_goods + '</strong>，' + json_languages.goods_over;
$("a[ectype='btn-buynow']").attr('href', 'javascript:void(0)').addClass('btn_disabled');
$("a[ectype='btn-append']").attr('href', 'javascript:void(0)').addClass('btn_disabled');
$("a[ectype='byStages']").addClass('btn_disabled');
if (!document.getElementById('quehuo')) {
if (1 !=
0 || is_shipping == 1
)
{
$("a[ectype='btn-buynow']").hide();
$("a[ectype='btn-append']").hide();
$("a[ectype='byStages']").hide();
$('.choose-btns').append('<a id="quehuo" class="btn-buynow" href="javascript:addToCart(1611089);">暂时缺货</a>');
}
}
}
if (res.store_type == 1) {
$("[ectype='btn-store-pick']").show();
$("[ectype='list-store-pick']").show();
} else {
$("[ectype='btn-store-pick']").hide();
$("[ectype='list-store-pick']").hide();
}
if (is_shipping == 0) {
//商品没有选择运费模板或者没有设置固定运费时，提示不支持配送
var freight_info = $("#user_area_shipping").find("*[ectype='freight_info_span']");
if (freight_info.length < 1) {
$("#user_area_shipping").html("<span class='gary'>[ " + json_languages.shiping_prompt + " ]</span>");
}
}
$("#isHas_warehouse_num").html(isHas);
}
}
if (res.fittings_interval) {
for (var i = 0; i < res.fittings_interval.length; i++) {
$("#m_goods_" + res.fittings_interval[i].groupId).html(res.fittings_interval[i].fittings_minMax);
$("#m_goods_save_" + res.fittings_interval[i].groupId).html(res.fittings_interval[i].save_minMaxPrice);
$("#m_goods_reference_" + res.fittings_interval[i].groupId).html(res.fittings_interval[i].market_minMax);
}
}
if (res.type == 1) {
$("*[ectype='SHOP_PRICE']").html(res.result);
}
$(".ECS_fittings_interval").html(res.result);
//更新白条分期购每期的价格 start
if (res.stages) {
var i = 0;
$.each(res.stages, function (k, v) {
if (k != 1) {
$("*[ectype='is-ious'] .item i").eq(i).html('￥' + v + '×' + k + json_languages.qi);
$("*[ectype='is-ious'] .item i").eq(i).next('span').html(json_languages.free_desc + '0.00%，￥' + v + '×' + k + json_languages.qi);
}
i++;
});
}
}
isReturn = true;
//切换属性 库存变化数量加减start
$("*[ectype='quantity']").val(1);
$("[ectype='btnReduce']").addClass("btn-disabled");
if (Number($("*[ectype='perNumber']").val()) > 1) {
$("[ectype='btnAdd']").removeClass("btn-disabled");
}else{
$("[ectype='btnAdd']").addClass("btn-disabled");
}
//切换属性 库存变化数量加减end
if (res.type == 1) {
quantity();
}
//加载完成后才能操作，解决未加载完成就能加入购物车bug
$(".choose-btns").show();
}
/* 商品看了又看 start */
function seeMoreGoods() {
var region_id = $(":input[name='region_id']").val();
var area_id = $(":input[name='area_id']").val();
var area_city = $(":input[name='area_city']").val();
if (!region_id) {
region_id = 2;
}
if (!area_id) {
area_id = 21335;
}
if (!area_city) {
area_city = 21336;
}
Ajax.call('ajax_goods.php', 'act=see_more_goods&goods_id=' + goodsId + '&cat_id=' + 210 +'&seller_id=' + 14 +'&warehouse_id=' + region_id + '&area_id=' + area_id + '&area_city=' + area_city, seeMoreResponse, 'GET', 'JSON');
}
function seeMoreResponse(res) {
$("#see_more_goods").html(res.content);
//右侧看了又看上下滚动
$(".track_warp").slide({
mainCell: ".track-con ul",
effect: "top",
pnLoop: false,
autoPlay: false,
autoPage: true,
prevCell: ".sprite-up",
nextCell: ".sprite-down",
vis: 3
});
}
/* 商品看了又看 end */
/* 商品猜你喜欢 start */
function guessGoodsLove() {
var region_id = $(":input[name='region_id']").val();
var area_id = $(":input[name='area_id']").val();
var area_city = $(":input[name='area_city']").val();
if (!region_id) {
region_id = '2';
}
if (!area_id) {
area_id = '21335';
}
if (!area_city) {
area_city = '21336';
}
Ajax.call('ajax_goods.php', 'act=guess_goods_love&goods_id=' + goodsId + '&warehouse_id=' + region_id + '&area_id=' + area_id + '&area_city=' + area_city, guessGoodsLoveResponse, 'GET', 'JSON');
}
function guessGoodsLoveResponse(res) {
$("#guess_goods_love").html(res.content);
}
/* 商品猜你喜欢 end */
/*生成购买高级会员权益h5链接二维码*/
$('.onVipRegister').on('click', function () {
var user_id = '0';
if (!user_id || user_id == 0) {
var goods_url = "goods.php?id=" + goodsId;
$.notLogin("get_ajax_content.php?act=get_login_dialog", goods_url);
return false;
}
Ajax.call('ajax_goods.php?act=on_vip_register', 'goods_id=' + goodsId, onVipRegisterResponse, 'POST', 'JSON');
});
function onVipRegisterResponse(res) {
var membership_card_discount_price = $("#card_discount_price").html();
var htmlStr = '<div class="immediately-opened-popup ecsc-cart-popup" style="display: block;"><div class="loading-mask"></div><div class="loading"><div class="center_pop_txt"><div class="title"><h3>立即开通</h3><a href="javascript:loadingClose();" title="关闭" class="loading-x">X</a></div><div class="center_pop_p"><div>开通高级VIP，立享超值优惠价 <span class="color-red">'+membership_card_discount_price+'</span></div><img class="erweima" src="'+res.qrcode+'" /><div class="color-ccc size10">手机扫一扫 开通VIP</div></div></div></div></div>'
$('.dialogbox').append(htmlStr);
}
/* 复制链接弹框 star */
$('.copy-link').on('click', function () {
var current_url = "https://www.m68m.com/goods.php?id=" + goodsId + '&u=0';
var shareHtml = '<div class="immediately-opened-popup ecsc-cart-popup" style="display: block;"><div class="loading-mask"></div><div class="loading"><div class="center_pop_txt"><div class="title"><h3>复制链接</h3><a href="javascript:loadingClose();" title="关闭" class="loading-x">X</a></div><div class="center_pop_p"><div class="share-explain">您可将下方链接，复制/分享给您的小伙伴，只要购买成功，即可获得相应的佣金奖励，还不快行动～</div><div class="share-box"><span>分享: </span><textarea wrap="hard" id="share">您的好友向您推荐了一款产品，优惠多多，新人注册还有奖励，赶紧 来注册/购买吧！ '+current_url+'</textarea></div><div class="share-copy-btn">复制</div></div></div></div></div>';
$('.dialogbox').append(shareHtml);
})
/* 复制链接弹框 end */
/* 复制链接 star */
$('.hidden').on('click', '.share-copy-btn', function () {
var share = $('#share').text();
copyTextToClipboard(share);
console.log('复制链接到剪粘板:' + share)
loadingClose();
})
/* 复制链接 end */
/******************************************* js方法 end***********************************************/
</script> <script src="/static/js/goods-async.js" defer></script> </body> </html> 
