本书对HTML中的每个标记进行了详细的讲解，并且以类似辞典的方式编排内容，方便读者学习和查找。 全书共分13章和两个附录，主要内容包括：HTML文档的基本结构，网页中文本的处理方法，用来创建超链接、列表、框架、表格、表单等页面元素的标记，用来嵌入多媒体和脚本的标记，CSS样式的使用，以及DIV+CSS网页布局方式。在每章的最后都配有典型实例，进一步向读者讲解相关HTML标记在实际中的应用。 本书的附赠光盘中提供了书中涉及的所有实例的素材文件和网页源文件，方便读者在实践中逐步学习HTML各方面的知识。 本书知识点细，内容全面，并配以大量实例，适合各类培训学员、大中专院校相关专业的师生、广大自学人员以及各类初学者学习。本书也可作为网页制作人员、维护人员的查询手册。
样章试读
目录
HTML 概念导引
第1章 HTML文档结构
HTML文档开始标记
HTML文档头部分标记
标题标记<br /><br /><META> 网页信息标记<br /><br /><META http-equiv=" " content=" "> 设置网页浏览器和服务器之间的请求方式<br /><br /><META http-equiv="content-type" content=" ; charset= "> 设置网页的编码<br /><br /><META http-equiv="expires" content=" "> 设置网页的有效期限<br /><br /><META http-equiv="keyword" content=" "> 设置网页关键字<br /><br /><META http-equiv="refresh" content=" "> 设置自动刷新网页<br /><br /><META http-equiv="refresh" content=" ;url= "> 设置自动跳转网页<br /><br /><META http-equiv="cache-control" content="no-cache"> 设置禁用缓存<br /><br /><META http-equiv=" " content="blendTrans(duration= )">设置网页以融合方式进行切换<br /><br /><META http-equiv=" " content = " revealTrans ( transition= , duration= ) ">设置网页的切换方式<br /><br /><META name=" " content=" "> 设置网页相关信息<br /><br /><META name="robots" content=" "> 限制搜索方式<br /><br /><BODY> HTML 文档主体标记<br /><br /><BODY bgcolor=" "> 设置网页背景颜色<br /><br /><BODY text=" "> 设置网页文字颜色<br /><br /><BODY background=" "> 设置网页背景图片<br /><br /><BODY bgproperties=" "> 设置背景图片固定属性<br /><br /><BODY topmargin=" " bottommargin=" " leftmargin=" " rightmargin=" ">设置网页的边距<br /><br />第2章 文字<br /><br /><Hn> 标题字<br /><br /><Hn align=""> 设置标题字对齐<br /><br /><B> 粗体文本<br /><br /><STRONG> 强调文本<br /><br /><I> 斜体文本<br /><br /><EM> 强调显示文本<br /><br /><DFN> 用于显示专有名词或人名<br /><br /><CITE> 用于引文和引用<br /><br /><SUP> 上标文本<br /><br /><SUB> 下标文本<br /><br /><BIG> 大字号文本<br /><br /><SMALL> 小字号文本<br /><br /><U> 下划线文本<br /><br /><STRIKE> 删除线文本<br /><br /><S> 删除线文本<br /><br /><DEL> 删除线文本<br /><br /><RUBY> 在文字上方标注说明<br /><br /><RT> 在文字上方标注说明<br /><br /><ADDRESS> 地址文本<br /><br /><TT> 固定宽度文本<br /><br /><CODE> 用于显示编程代码<br /><br /><SAMP> 显示计算机输出结果<br /><br /><KBD> 使用者输入的文本<br /><br /><VAR> 声明变量<br /><br /><FONT> 控制文本标记<br /><br /><BASEFONT> 基础文字标记<br /><br />第3章 段落<br /><br /> 空格符号<br /><br /><P> 段落标记<br /><br /><P align=" "> 设置段落对齐方式<br /><br /><BR> 换行标记<br /><br /><NOBR> 禁止换行标记<br /><br /><WBR> 在禁止换行标记中强制换行标记<br /><br /><PRE> 保留原始样式标记<br /><br /><CENTER> 居中标记<br /><br /><BLOCKQUOTE> 缩排标记<br /><br /><HR> 水平线标记<br /><br /><HR align=" "> 设置水平线对齐方式<br /><br /><HR color=" "> 设置水平线颜色<br /><br /><HR noshade> 水平线去掉阴影<br /><br /><HR size=" "> 设置水平线粗细<br /><br /><HR width=" "> 设置水平线宽度<br /><br /><PLAINTEXT> 忽视HTML 标记<br /><br /><XMP> 不执行HTML 标记<br /><br /><BR clear=" "> 设置文字显示位置<br /><br /><DIV> 块标记<br /><br /><DIV align=" "> 设置块标记内文字的对齐<br /><br /><SPAN> 块标记<br /><br />第4章 特殊文字<br /><br />"等特殊字符<br /><br /><MARQUEE> 跑马灯文字<br /><br /><MARQUEE bgcolor=" "> 设置跑马灯的背景色<br /><br /><MARQUEE height=" "> 设置跑马灯的高度<br /><br /><MARQUEE width=" "> 设置跑马灯的宽度<br /><br /><MARQUEE hspace=" "> 设置跑马灯水平边距<br /><br /><MARQUEE vspace=" "> 设置跑马灯垂直边距<br /><br /><MARQUEE behavior=" "> 设置跑马灯文字滚动效果<br /><br /><MARQUEE direction=" "> 设置跑马灯文字的运动方向<br /><br /><MARQUEE loop=" "> 设置跑马灯文字圈数<br /><br /><MARQUEE scrollamount=" "> 设置跑马灯文字移动距离<br /><br /><MARQUEE scrolldelay=" "> 设置跑马灯文字移动间隔时间<br /><br />第5章 创建超链接<br /><br /><A> 锚标记<br /><br /><A href=" "> 设置超链接<br /><br /><A href="# "> 链接到同一文档内的特定部分<br /><br /><A href=" # "> 链接到特定文档中的某个特定位置<br /><br /><A name=" "> 设置书签<br /><br /><A href=" " target=" "> 设置链接的目标窗口<br /><br /><A href=" " accesskey=" "> 设置超链接的快捷键<br /><br /><A href=" " title=" "> 设置超链接的说明文字<br /><br /><A href="mailto: "> 使用电子邮件<br /><br /><BASE href=" "> 设置超链接的基础URL<br /><br /><BASE target=" "> 设置基础的窗口打开属性<br /><br /><BODY link=" "> 设置未访问的链接的文字颜色<br /><br /><BODY vlink=" "> 设置已访问的链接的文字颜色<br /><br /><BODY alink=" "> 设置正在访问的链接的文字颜色<br /><br />第6章 创建列表<br /><br /><OL> 有序列表标记<br /><br /><OL type=" " start=" "> 设置有序列表的类型<br /><br /><UL> 无序列表标记<br /><br /><UL type=" "> 设置无序列表的类型<br /><br /><LI> 项目标记<br /><br /><DL> 定义列表标记<br /><br /><DT> 指定要定义的术语<br /><br /><DD> 用于对术语的定义<br /><br /><DIR> 目录列表标记<br /><br /><MENU> 菜单列表标记<br /><br /><MENU type=" "> 设置菜单列表的类型<br /><br />第7章 框架<br /><br /><FRAMESET> 框架集标记<br /><br /><FRAMESET cols=" "> 左右分割窗口<br /><br /><FRAMESET rows=" "> 上下分割窗口<br /><br /><FRAMESET border=" "> 设置框架边框的宽度<br /><br /><FRAMESET bordercolor=" "> 设置框架边框的颜色<br /><br /><FRAMESET frameborder=" "> 设置框架边框的显示<br /><br /><NOFRAMES> 浏览器不支持框架时所显示的内容<br /><br /><FRAME> 框架标记<br /><br /><FRAME src=" "> 设置框架内源文件的位置<br /><br /><FRAME marginheight=" " marginwidth=" "> 设置框架的边距<br /><br /><FRAME name=" "> 设置框架的名称<br /><br /><FRAME noresize> 设置框架窗口大小是否可调整<br /><br /><FRAME scrolling=" "> 设置框架窗口的滚动条<br /><br /><IFRAME> 内嵌框架<br /><br /><IFRAME src=" "> 设置内嵌框架内容的URL<br /><br /><IFRAME align=" "> 设置内嵌框架的对齐属性<br /><br /><IFRAME frameborder=" "> 设置内嵌框架边框的显示<br /><br /><IFRAME height=" "> 设置内嵌框架的高度<br /><br /><IFRAME width=" "> 设置内嵌框架的宽度<br /><br /><IFRAME name=" "> 设置内嵌框架的名称<br /><br /><IFRAME marginheight=" " marginwidth=" "> 设置内嵌框架的边距<br /><br /><IFRAME scrolling=" "> 设置内嵌框架窗口的滚动条<br /><br /><IFRAME alt=" "> 设置替代文字<br /><br />第8章 表格<br /><br /><TABLE> 表格标记<br /><br /><TABLE align=" "> 设置表格的对齐方式<br /><br /><TABLE background=" "> 设置表格的背景图<br /><br /><TABLE bgcolor=" "> 设置表格的背景颜色<br /><br /><TABLE border=" "> 设置表格的边框宽度<br /><br /><TABLE bordercolor=" "> 设置表格的边框线颜色<br /><br /><TABLE bordercolordark=" "> 设置表格的暗边框颜色<br /><br /><TABLE bordercolorlight=" "> 设置表格的亮边框颜色<br /><br /><TABLE height=" "> 设置表格的高度<br /><br /><TABLE width=" "> 设置表格的宽度<br /><br /><TABLE cellpadding=" "> 设置单元格内边距<br /><br /><TABLE cellspacing=" "> 设置表格内框的间距<br /><br /><TABLE frame=" "> 设置表格外边框样式<br /><br /><TABLE rules=" "> 设置表格内边框样式<br /><br /><CAPTION> 表格标题标记<br /><br /><CAPTION align=" "> 设置表格标题的水平对齐方式<br /><br /><CAPTION valign=" "> 设置表格标题的垂直对齐方式<br /><br /><THEAD> 表格的表首标记<br /><br /><THEAD align=" " valign=" "> 设置表格表首内文字的对齐方式<br /><br /><THEAD bgcolor=" "> 设置表格表首的背景颜色<br /><br /><TBODY> 表格的主体标记<br /><br /><TBODY align=" " valign=" "> 设置表格主体内文字的对齐方式<br /><br /><TBODY bgcolor=" "> 设置表格主体的背景颜色<br /><br /><TR> 行标记<br /><br /><TR align=" " valign=" "> 设置行内文字的对齐方式<br /><br /><TR bgcolor=" " > 设置行的背景色<br /><br /><TR height=" "> 设置行的高度<br /><br /><TR bordercolor=" "> <TR bordercolorlight=" " bordercolordark=" ">设置行的边框颜色<br /><br /><TH> 表格的表头标记<br /><br /><TH align=" " valign=" "> 设置表头文字的对齐方式<br /><br /><TH background=" "> <TH bgcolor=" "> 设置表头的背景<br /><br /><TH height=" " width=" "> 设置表头的高度与宽度<br /><br /><TH colspan=" "> 设置表头单元格跨列合并<br /><br /><TH rowspan=" "> 设置表头单元格跨行合并<br /><br /><TH bordercolor=" "> <TH bordercolorlight=" " bordercolordark=" ">设置表头的边框颜色<br /><br /><TH nowrap> 设置表头文字禁止换行<br /><br /><TD> 单元格标记<br /><br /><TD align=" " valign=" "> 设置单元格的对齐方式<br /><br /><TD background=" " > <TD bgcolor=" "> 设置单元格的背景<br /><br /><TD height=" " width=" "> 设置单元格高度与宽度<br /><br /><TD bordercolor=" "> <TD bordercolorlight=" " bordercolordark=" ">设置单元格的边框颜色<br /><br /><TD colspan=" "> <TD rowspan=" "> 设置单元格的合并<br /><br /><TD nowrap> 设置单元格文字禁止换行<br /><br /><TFOOT> 表尾<br /><br /><TFOOT align=" " valign=" "> 设置表尾文字的对齐方式<br /><br /><TFOOT bgcolor=" "> 设置表尾的背景颜色<br /><br />第9章 表单<br /><br /><FORM> 表单标记<br /><br /><FORM action=" " method=" "> 设置表单数据的传送方式<br /><br /><FORM enctype=" "> 设置表单数据的编码方式<br /><br /><FORM name=" "> 设置表单名称<br /><br /><FORM target=" "> 设置表单信息返回的窗口<br /><br /><INPUT> 表单输入域标记<br /><br /><INPUT type="text" name=" " size=" " maxlength=" " value=" "> 创建表单文本域<br /><br /><INPUT type="password" name=" " size=" " maxlength=" " value=" "> 创建密码域<br /><br /><INPUT type="radio" name=" " value=" " checked> 创建单选按钮<br /><br /><INPUT type="checkbox" name=" " value=" " checked> 创建复选框<br /><br /><INPUT type="file" name=" " value=" "> 创建文件域<br /><br /><INPUT type="hidden" name=" " value=" "> 创建表单隐藏域<br /><br /><INPUT type="button" name=" " value=" "> 创建按钮<br /><br /><INPUT type="reset" name=" " value=" "> 创建重置按钮<br /><br /><INPUT type="submit" name=" " value=" "> 创建表单提交按钮<br /><br /><INPUT type="image" src=" " name=" "> 创建图像域<br /><br /><INPUT tabindex=" "> 设置输入域的TAB 键顺序<br /><br /><SELECT> 创建菜单或列表<br /><br /><OPTION> 创建列表<br /><br /><SELECT tabindex=" "> 设置菜单或列表的TAB 键顺序<br /><br /><TEXTAREA> 文本区域标记<br /><br /><TEXTAREA name=" "> 设置文本区域的名称<br /><br /><TEXTAREA cols=" "> 设置文本区域的宽度<br /><br /><TEXTAREA rows=" "> 设置文本区域的高度<br /><br /><TEXTAREA wrap=" "> 文本区域的换行设置<br /><br /><TEXTAREA tabindex=" "> 设置文本区域的TAB 键顺序<br /><br />第10章 图像、声音、视频<br /><br /><IMG> 插入图片<br /><br /><IMG src=" "> 设置图片的URL<br /><br /><IMG src=" " align=" "> 设置图片与文字的对齐方式<br /><br /><IMG src=" " alt=" "> 设置图片的描述文字<br /><br /><IMG src=" " height=" "> 设置图片的高度<br /><br /><IMG src=" " width=" "> 设置图片的宽度<br /><br /><IMG src=" " border=" "> 设置图片边框宽度<br /><br /><IMG lowsrc=" "> 设置插入低分辨率的图片<br /><br /><IMG src=" " hspace=" "> 设置图片与文字间的水平距离<br /><br /><IMG src=" " vspace=" "> 设置图片与文字间的垂直距离<br /><br /><IMG dynsrc=" "> 插入.avi 格式的文件<br /><br /><IMG dynsrc=" " start=" "> 设置.avi 格式的文件的播放方式<br /><br /><IMG dynsrc=" " loop=" "> 设置.avi 格式的文件的播放次数<br /><br /><IMG src=" " usemap=" # "> 设置使用映射地图名称<br /><br /><MAP> 定义映射地图<br /><br /><AREA> 定义映射区域<br /><br /><BGSOUND> 插入背景音乐<br /><br /><EMBED> 插入多媒体文件<br /><br /><NOEMBED> 浏览器不支持多媒体文件时所显示的内容<br /><br /><APPLET> 嵌入Java Applet<br /><br />第11章 CSS<br /><br /><STYLE type=" "> 定义样式表<br /><br /><LINK rel="stylesheet" href=" " type="text/css"> 读取外部样式表<br /><br />style=" " 标记中定义样式<br /><br />font 字体属性<br /><br />font-family 设置文字字体<br /><br />font-size 设置文字大小<br /><br />font-style 设置文字效果<br /><br />font-weight 设置文字粗细<br /><br />font-variant 设置英文大小写转换<br /><br />text-align 设置文本的水平对齐方式<br /><br />vertical-align 设置文本的垂直对齐方式<br /><br />text-decoration 设置文本效果<br /><br />text-indent 设置文本首行缩进<br /><br />text-transform 设置文字转换<br /><br />word-spacing 单词之间间隔<br /><br />letter-spacing 字符之间间距<br /><br />line-height 设置行距<br /><br />ruby-align 设置标注文字水平对齐<br /><br />ruby-position 设置标注文字显示位置<br /><br />Color 颜色属性<br /><br />Background 设置背景样式<br /><br />background-color 设置背景颜色<br /><br />background-image 设置背景图像<br /><br />background-repeat 设置背景图像排列方式<br /><br />background-position 设置背景图像位置<br /><br />background-attachment 设置背景图像固定显示<br /><br />Border 边框属性<br /><br />border-top 设置上边框<br /><br />border-bottom 设置下边框<br /><br />border-left 设置左边框<br /><br />border-right 设置右边框<br /><br />border-style 设置边框样式<br /><br />border-width 设置边框宽度<br /><br />border-color 设置边框颜色<br /><br />padding 设置边框与内容间的距离<br /><br />padding-top、padding-bottom、padding-left、padding-right设置上、下、左、右边框与内容间的距离<br /><br />margin 设置边界<br /><br />margin-top、margin-bottom、margin-left、margin-right 设置上、下、左、右边界<br /><br />list-style 列表属性<br /><br />list-style-type 设置项目符号类型<br /><br />list-style-image 设置图像为项目符号<br /><br />list-style-position 设置列表项目缩进<br /><br />A:样式{CSS 属性}, 设置超链接样式<br /><br />A:link{CSS 属性}, 设置未访问链接的样式<br /><br />A:hover{CSS 属性}, 设置鼠标移至超链接上时的样式<br /><br />A:active{CSS 属性}, 设置活动链接的样式<br /><br />A:visited{CSS 属性}, 设置已访问链接的样式<br /><br />position 定位属性<br /><br />top 设置与顶点的竖直距离<br /><br />left 设置与顶点的水平距离<br /><br />width 宽度属性<br /><br />height 高度属性<br /><br />z-index 设置层先后覆盖的顺序<br /><br />clip 设置裁切区域<br /><br />overflow 层的溢出控制<br /><br />visibility 设置嵌套层的显示<br /><br />float 浮动对象<br /><br />clear 限制浮动对象<br /><br />filter 滤镜属性<br /><br />filter:alpha() 透明层次滤镜效果<br /><br />filter:blur() 模糊滤镜效果<br /><br />filter:chroma() 特定颜色的透明效果<br /><br />filter:dropshadow() 阴影滤镜效果<br /><br />filter:fliph 水平翻转滤镜效果<br /><br />filter:flipv 垂直翻转滤镜<br /><br />filter:glow() 边缘光晕滤镜效果<br /><br />filter:gray 灰度滤镜效果<br /><br />filter:invert 将颜色的饱和度及亮度反转的滤镜效果<br /><br />filter:mask() 遮罩滤镜效果<br /><br />filter:shadow() 渐变阴影滤镜效果<br /><br />filter :wave() 波浪变形滤镜效果<br /><br />filter:xray X 光片滤镜效果<br /><br />filter:blendtrans(duration= ) 融合转换滤镜效果<br /><br />filter:revealtrans(duration= ,transition= ) 切换滤镜效果<br /><br />cursor 设置光标形状<br /><br />cursor:url() 设置自定义光标样式<br /><br />white-space 设置处理空白元素<br /><br />第12章 应用与扩展<br /><br /><!- - - -> HTML 文档注释<br /><br /><SCRIPT language=" "> 嵌入Script 语言<br /><br /><SCRIPT src=" "> 定义Script 语言的URL<br /><br /><NOSCRIPT> 浏览器不支持脚本时所显示的内容<br /><br /><OBJECT> 嵌入ActiveX 控件<br /><br /><PARAM> 传递参数<br /><br /><OBJECT align=" "> 设置ActiveX 控件与文字的对齐方式<br /><br /><OBJECT hspace=" " vspace=" "> 设置ActiveX 控件的水平边距与垂直边距<br /><br />第13章 DIV+CSS 网页布局<br /><br />一、标准布局方式<br /><br />使用Web 标准的好处<br /><br />内容、结构和表现<br /><br />二、实例应用1<br /><br />三、实例应用2<br /><br />附录A 长度和百分比单位的介绍<br /><br />附录B 色值<br /><br />]]></cmd></xjx></li></ul>
</div>
</div>
</div>
<div class="blank5"></div>
</div>
</div>
<link href="themes/ecmoban_jindong2013/base.css" rel="stylesheet" type="text/css">
<link href="themes/ecmoban_jindong2013/home.css" rel="stylesheet" type="text/css">
<div class="w">
<div id="service-2013" class="clearfix">
<dl class="fore1">
<dt><b></b><strong>帮助中心</strong></dt>
<dd>
<div><a href="article.php?id=5" title="公司简介">公司简介</a></div>
<div><a href="article.php?id=29" title="联系我们">联系我们</a></div>
<div><a href="article.php?id=30" title="常见问题">常见问题</a></div>
</dd>
</dl>
<dl class="fore2">
<dt><b></b><strong>新手上路</strong></dt>
<dd>
<div><a href="article.php?id=19" title="发票制度">发票制度</a></div>
<div><a href="article.php?id=20" title="积分说明">积分说明</a></div>
<div><a href="article.php?id=21" title="购物指南">购物指南</a></div>
</dd>
</dl>
<dl class="fore3">
<dt><b></b><strong>配送方式</strong></dt>
<dd>
<div><a href="article.php?id=23" title="配送时间及费用">配送时间及费用</a></div>
<div><a href="article.php?id=24" title="配送查询说明">配送查询说明</a></div>
<div><a href="article.php?id=25" title="配送范围">配送范围</a></div>
<div><a href="http://m.kuaidi100.com" target="_blank">快递查询</a></div>
</dd>
</dl>
<dl class="fore4">
<dt><b></b><strong>售后服务</strong></dt>
<dd>
<div><a href="article.php?id=26" title="退换货说明">退换货说明</a></div>
<div><a href="article.php?id=27" title="退换货流程">退换货流程</a></div>
<div><a href="article.php?id=28" title="投诉或建议">投诉或建议</a></div>
<div><a href="article.php?id=1022" title="版权声明">版权声明</a></div>
</dd>
</dl>
<dl class="fore5">
<dt><b></b><strong>经营资质</strong></dt>
<dd>
<div><a href="article.php?id=1020" title="营业执照">营业执照</a></div>
<div><a href="article.php?id=1021" title="出版社经营许可证">出版社经营许可证</a></div>
</dd>
</dl>
</div>
</div>
<div class="footer w">
<table width="600" border="0" style="margin-left:150px;">
<tr>
<td>
<p>中国科技出版传媒股份有限公司 版权所有</p>
<p><a href='https://beian.miit.gov.cn' target="_blank">京ICP备14028887号-5</a> <a href='https://beian.miit.gov.cn' target="_blank">京ICP证150976号</a>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010102004214" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="/beian.png" style="float:left;"/>京公网安备 11010102004214号</a>
</p>
<p>北京东黄城根北街16号 邮编：100717 Email:webmaster@mail.sciencep.com</p>
</td>
<td>
<!--<script src="//kxlogo.knet.cn/seallogo.dll?sn=e12112711010037224000000&size=0"></script>-->
<!--<span style="display:inline-block;position:relative;width:auto;">-->
<!--<a href="https://ss.knet.cn/verifyseal.dll?sn=e12112711010037224000000&ct=df&a=1&pa=0.5448753884993494" id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式" style="display:inline-block;">-->
<!--<img src="//rr.knet.cn/static/images/logo/cnnic.png" style="border:none;" oncontextmenu="return false;" alt="可信网站">-->
<!--</a>-->
<!--</span>-->
</td>
</tr>
</table>
</div>
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//www.ecsponline.com/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 1]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//www.ecsponline.com/piwik/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
</body>
<script type="text/javascript" src="../js/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../js/jquery.qrcode.min.js"></script>
<script type="text/javascript">
var goods_id = {
$goods_id
};
var goodsattr_style = {
$cfg.goodsattr_style | default: 1
};
var gmt_end_time = {
$promote_end_time | default: 0
}; {
foreach from = $lang.goods_js item = item key = key
}
var {
$key
} = ""; {
/foreach}
var goodsId = {
$goods_id
};
var now_time = {
$now_time
};
// onload = function(){
changePrice();
//changeKucun();//这里是添加的
fixpng();
try {
onload_leftTime();
} catch(e) {}
// }
//默认就显示第一个属性库存
function changeKucun() {
var frm = document.forms['ECS_FORMBUY'];
spec_arr = getSelectedAttributes(frm);
Ajax.call('goods.php?act=get_products_info', 'id=' + spec_arr + '&goods_id=' + goods_id, shows_number, 'GET', 'JSON');
}
function changeAtt(t, a, goods_id, tid) {
document.getElementById(tid).checked = true;
for(var i = 0; i < t.parentNode.childNodes.length; i++) {
if(t.parentNode.childNodes[i].className == 'cattsel') {
t.parentNode.childNodes[i].className = '';
}
}
t.className = "cattsel";
var formBuy = document.forms['ECS_FORMBUY'];
spec_arr = getSelectedAttributes(formBuy);
Ajax.call('goods.php?act=get_products_info', 'id=' + spec_arr + '&goods_id=' + goods_id, shows_number, 'GET', 'JSON');
changePrice();
}
function shows_number(result) {
if(result.product_number != undefined) {
//这里我把$换成了document.getElementById，因为ecshop有时候不兼容jquery
//$('shows_number').innerHTML = result.product_number+'件';
if(result.product_number > 10) {
result.product_number = '可供';
};
document.getElementById('shows_number').innerHTML = result.product_number;
} else {
document.getElementById('shows_number').innerHTML = '缺货，请选择其他介质图书！';
//$('shows_number').innerHTML = '未设置';
}
}
/**
* 点选可选属性或改变数量时修改商品价格的函数
*/
function changePrice() {
var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
Ajax.call('goods.php', 'act=price&id=' + goodsId + '&attr=' + attr + '&number=' + qty, changePriceResponse, 'GET', 'JSON');
}
/**
* 接收返回的信息
*/
function changePriceResponse(res) {
if(res.err_msg.length > 0) {
alert(res.err_msg);
} else {
document.forms['ECS_FORMBUY'].elements['number'].value = res.qty;
if(document.getElementById('ECS_GOODS_AMOUNT'))
document.getElementById('ECS_GOODS_AMOUNT').innerHTML = res.result;
}
}
</script>
</html>
