常见页面布局
页面布局常受到硬件条件（显示器的大小和分辨率）和技术的限制，所以归纳起来大致有六种类型： （1）“同”字型布局：特点，页面顶部水平放置主导航栏，其下分为左中右三栏，左边放置内容导航栏、二级导航栏热点内容等；右边放置站点图片链接、动画广告、搜索引擎、友情链接、注册登录信息；中间为主要内容板块。如韩国的“happybean.naver.com” 其优点是：结构清晰直观、平稳均匀’、次分明。缺点：过于呆板僵化、单点乏味。要注重合理色彩搭配。 （2）“匡”字型布局：特点，把同字型布局右边内容移到底部而成，它的结构特点和和优缺点也相同。 （3）“吕”字型布局：特点，把页面分成上下两大块，其中每一块都有同字型结构的特点。如网易新闻网。
（4）左右对称布局：顶部不设页眉和导航栏，左边设置导航，右边放主要内容。特点结构简单适合内容较少的页面。
（5）II字型布局：特点顶部设置站标和导航栏；下边分为左右两部分左窄右宽。左边放置二级导航栏、热点内容链接、登陆栏、友情链接等、右边分为主要内容区。
（6）自由式布局：打破常规的规矩，尽情的挥洒极具创意自由灵活。优点是：漂亮现代轻松明快极具美感给人以美的享受。缺点是；下载速度相对较慢，文字信息量少。 dreamweaverCS3的页面基本组成
HTML的常用标记 1、文档类型标记 ···
（超文本标记语言） 2、文档头部标记
···（头部标记中的内容不在浏览器中
显示）
3、文档标题标记
···,
标记不能包含其他标 记。 </p><p>4、文档主体标记<body>···</body>网页主体位于此标记中此标记必须 </p><p>位于，<html></html>中。 5、段落标记<p>···</p>分段后段与段之间留一空行。 6、换行标记<br>···</br>段与段之间没有空行。 7、章节标题标记<hn>···</hn>其中n为变数，是6 时最小。 </p><p>能生成html的工具：windows记事本、注册表比较工具、网页制作工具、 </p><p>数据字典、iis、asp、java等。 页元素标记： </p><p>(1)字体标记<font size=\对文本的设 </p><p>置如size、color在font内部，还可以设置<i>斜体</i>、<b>粗体</b> (2)图像处理标记<img src=https://www.bwwdw.com/plus/“文件路径” width=\宽度px\“ </p><p>高度px” border=“边框粗细px”> </p><p>（3）超链接标记...实现连接和跳转链 接 表格 </p><p>定义表格 定义表头<th></th> 定义表行 定义单元格 </p><p>下面是定义一个简单的表格 </p><p><p>内容的距离cellpadding=\区块，方框到内容的距离> --行 </p><p> 学号--单元格 姓名 班级 地址 </p><p> </p><p> </p><p> 1 张三 091 渭南 </p><p> 2 李四 010 渭南 </p><p> 3 王五 011 渭南 </p><p></table</p><p>常见图像文件格式点阵图与矢量图 点阵图文件格式 </p><p>Bmp、Gif、Jpeg/jpg、Png、Ico 矢量图文件格式 </p><p>Wmf、Emf、Cdr、Eps </p><p>浏览器支持的格式：gif、jpg/jpeg、而dreamweaver还支持png </p><p> </p><p> </p><p>网页优先选择gif和jpg的原因： </p><p>1、Gif支持透明，交错和动画，最大数目色为256 2、jpg是有损压缩文件压缩效果显著 </p><p>3、png支持gif的全部特性也支持全彩图像但是早期浏览器不支持此格式。 创建连接： 不同的连接 </p><p>内部链接：同一网站文档之间的链接； 外部链接：不同网站文档之间的连接； </p><p>锚记连接：同一网页或不同网页的指定位置连接； 邮件链接：打开填写电子邮件的链接。 文档路径 </p><p>绝对路径：是被连接文档的完整URL包括所使用的传输协议（http：//）创建外部链接必须使用绝对路径。 </p><p>文档相对路径：以当前文件所在位置为起点到被连接文档经由的路径，适用于本地连接，比如：wysj/contents.html，当要把当前文档与相处在相同文件夹中另一文档相连接，或者把同一网站下不同文件夹中的文档连接。 ../表示上一级文件夹。 </p><p>跟相对路径：从根站点文件夹到被连接文档经由的路径。根相对路径一反斜杠开头。它是指定网站内文件连接的最好办法，当要移动一个包含根相对连接文档时，无需对原有连接修改。 创建连接 </p><p>http：//www.gxsjy.com：80/jsjx/index.com。www.gxsjy.com是域名。：80是端口。 链接中的 </p><p>_blank：将被连接文档载入到新的浏览器中； </p><p>_parent：将被连接文档载入到父框架集或包含该链接的窗口中； </p><p>_self：将被连接文档载入到与该链接相同的框架或窗口中（为默认选项）； _top：将被链接文档载入到整个浏览器窗口，并取消所有框架。 创建邮件链接 </p><p>选中文本或图像/在属性检查器里连接框输入：mailto：和电子邮件地址如：mailto:chengqinghuanyu@163.com代码视图为： 创建锚记连接 </p><p>创建锚记连接名区分大小写。 </p><p>创建锚记连接一般是在连接框内输入：#锚记名，当要连接到同一个文件夹的不同文档时应输入：文件名#锚记名。如text.html#maoji 创建空连接 </p><p>就是创建一个没有任何指向的连接。主要用于向页面上的对象、文本添加行为以便当鼠标指针划过该链接时出现交换图像等效果。 </p><p>步骤：选中要连接的文本图像/在属性检查器的连接框内输入“#”、“javascript：；” </p><p>脚本连接：能在不离开当前文件的前提下访问某项信息。步骤：在选中要添加的连接对象后在连接框内输入：javascript：+函数调用如：javascript：close（） 超级链接 </p><p>先制作超级链接文件，再链接即可。 框架和框架集的属性设置 </p><p>使用框架集属性检查器可以设置框架集边框和框架宽度，框架属性会覆盖框架集中设置的属</p><p> </p><p>性。 </p><p>样式的应用 </p><p>CSS是cascading style sheet的简写。翻译为：层叠样式表、级联样式表 样式表的优点： </p><p>（1）同时更新站点的多个页面更快更容易； （2）制作体积小，下载页面快； （3）格式和结构分离。 CSS样式规则的组成： selector（选择器）分为： </p><p>1、类选择器（可以用于任何标签），以.开头名称可以是字母数字下划线和任何对象。 2、标签选择器（重新定义标签外观）、只对该标签起作用 3、ID（伪类、高级）选择器必须以#开始 4、关联选择器 </p><p>property（属性）设置对象的性质color； value（属性值）color的值 层叠样式表的类型： </p><p>外部样式表：一般采用.CSS文件拓展名。可以在记事本编写。不可以包含<style>…</style>标记。通过连接link实现如<link href=”style.css” rel=”stylesheet” type=”text/css”> </p><p>嵌入样式表:服务于当前整个页面，适用于独一无二的样式文档。可以写进<style></style>中 内联样式表：通过style直接套进html里，对某个单独的元素定义样式时运用。内联样式比较灵活，维护网页很麻烦，建议少使用。 链接样式（）四种状态： a：link 默认链接状态 </p><p>a：visited访问过的连接状态 a: hover鼠标经过时的链接状态 a: active鼠标单击时的连接状态 </p><p>说明：设置连接样式时这四种状态都应该进行设置，如果没有设置即当默认状态 样式冲突： </p><p>（1） 标有！important的规则有最高优先级（不常使用）。 （2） 创作者规则优先级高于浏览者规则。 </p><p>（3） 特殊情况下的规则优先于不够特殊的规则selector中的ID属性有最高优先级类属性</p><p>数量越多，优先级越高。假如仍然不能确定则按html中页面元素数量决定优先级。 </p><p>（4） 同一个级别下最后指定的规则有优先权。 网页样式设计 </p><p>方框填充样式用.pad、链接样式如：a.red：link, 滤镜的使用 </p><p>DropShadow（Color=？，OffX=？，OffY=？，Positive=？阴影0给透明像素生成阴影1给非透明像素生成阴影） </p><p>具体如下：.yy{filter:DorpShadow（）} 阴影文字用Showdow实现 </p><p>光晕文字用Glow滤镜实现Strength表示强度 模糊用Blur add是个逻辑值图像取0；文字取1. 遮罩用Mask </p><p>透明图像效果Alpha opacity指起始不透明0-100 </p><p></p><p> </p><p>Finishopacity指结束不透明度0-100； </p><p>Style 0—30均匀,1线性，2放射，3矩形。 </p><p>动态鼠标支持的图标.cur(静态鼠标图标)\\.ani（动态鼠标） 表单元素 </p><p>单选按钮必须使用统一名称 提交的三种处理方法 默认：浏览器默认的方法 </p><p>Get：把表单值添加给URL并向服务器发送get请求（处理信息不安全） Post：在消息正文中发送表单值，并向服务器发送post请求。 Submit提交按钮 Select Option 如下： </p><p><Input type=text name=” dds” Input type=password密码 Input type=radio单选按钮 Input type =checkbox复选框 行为 </p><p>行为是事件和动作的组合 </p><p>id =’’ fg” value =” ”/>文本字段 事件由方法和属性组成 </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p></p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p></p><p> </p><p> </p><p> </p><p> </p><p>女装批发，蝴蝶铺 </p><p> </p><p>http://www.hudiepu.com XHWE0KKyfaHo </p><p> </p><p></p> <p>本文来源：<a href="https://www.bwwdw.com/article/7xsg.html">https://www.bwwdw.com/article/7xsg.html</a></p><span class="doc-download-e"></span>
</div>
<script type="text/javascript">s("download_bottom");</script>
<div class="related_article">
<div class="related_top"><code>相关文章：</code></div>
<ul><li><a href="https://www.bwwdw.com/article/7xsg.html" target="_blank" title="网页布局">网页布局</a></li><li><a href="https://www.bwwdw.com/article/fhzg.html" target="_blank" title="网页布局">网页布局</a></li><li><a href="https://www.bwwdw.com/article/pk8j.html" target="_blank" title="使用表格布局网页">使用表格布局网页</a></li><li><a href="https://www.bwwdw.com/article/y9f1.html" target="_blank" title="使用表格布局网页">使用表格布局网页</a></li><li><a href="https://www.bwwdw.com/article/441j.html" target="_blank" title="网页布局设计精彩作品欣赏">网页布局设计精彩作品欣赏</a></li><li><a href="https://www.bwwdw.com/article/mmn4.html" target="_blank" title="网页布局设计精彩作品欣赏">网页布局设计精彩作品欣赏</a></li><li><a href="https://www.bwwdw.com/article/11e4.html" target="_blank" title="DIV+CSS网页布局技巧实例">DIV+CSS网页布局技巧实例</a></li><li><a href="https://www.bwwdw.com/article/wori.html" target="_blank" title="第3章 规划网页布局(完成)">第3章 规划网页布局(完成)</a></li><li><a href="https://www.bwwdw.com/article/jk7x.html" target="_blank" title="网页页面布局动态生成方法">网页页面布局动态生成方法</a></li><li><a href="https://www.bwwdw.com/article/lgp8.html" target="_blank" title="网页页面布局动态生成方法">网页页面布局动态生成方法</a></li></ul>
</div>
<div class="in_reading"><p class="rel_art_line">正在阅读：</p><p><a target="_blank" href="https://www.bwwdw.com/article/7xsg.html" title="网页布局">网页布局</a><span>04-29</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/q6ha.html" title="传播红色体育校园文化 凝铸特色精神家园">传播红色体育校园文化 凝铸特色精神家园</a><span>03-01</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/1r8v.html" title="湖南2020年公务员考试报考误区">湖南2020年公务员考试报考误区</a><span>11-21</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/kpd8.html" title="CAD课后题答案">CAD课后题答案</a><span>03-17</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/qwu3.html" title="我国汽车同步器行业概况研究">我国汽车同步器行业概况研究</a><span>06-30</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/pgbq.html" title="现浇混凝土箱梁浇筑施工方案">现浇混凝土箱梁浇筑施工方案</a><span>04-25</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/yuuw.html" title="河北省村官">河北省村官</a><span>02-07</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/1tqr.html" title="分项工程质量技术交底卡（插座、开关和风扇安装）">分项工程质量技术交底卡（插座、开关和风扇安装）</a><span>03-30</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/kiva.html" title="游戏课培养学生的创新思维能力">游戏课培养学生的创新思维能力</a><span>03-03</span></p><p><a target="_blank" href="https://www.bwwdw.com/article/u9x8.html" title="2011报表答案 - 图文">2011报表答案 - 图文</a><span>03-20</span></p></div>
<div class="previous">
<span class="pre">上一篇：<a title="统计业务知识" href="https://www.bwwdw.com/article/6xsg.html">统计业务知识</a></span>
<span class="next">下一篇：<a title="05年福州市高职单招计算机模拟卷2" href="https://www.bwwdw.com/article/gxsg.html">05年福州市高职单招计算机模拟卷2</a></span>
</div>
</div>
</div>
<div class="right-side">
<div class="right_fix">
<script type="text/javascript">s("right_top");</script>
<div class="hotSearch"><div class="hotSearch_tl"><span></span>相关文章</div><ul><li><span>1</span><a href="https://www.bwwdw.com/article/eqb2.html" title="浅谈DIV+CSS网页制作快速布局" target="_blank">浅谈DIV+CSS网页制作快速布局</a></li><li><span>2</span><a href="https://www.bwwdw.com/article/yg5h.html" title="div层仿网页框架布局特效代码" target="_blank">div层仿网页框架布局特效代码</a></li><li><span>3</span><a href="https://www.bwwdw.com/article/sw6j.html" title="12天学会div+css 网页制作 布局" target="_blank">12天学会div+css 网页制作 布局</a></li><li><span>4</span><a href="https://www.bwwdw.com/article/w663.html" title="DIV CSS网页布局常用的方法与技巧" target="_blank">DIV CSS网页布局常用的方法与技巧</a></li><li><span>5</span><a href="https://www.bwwdw.com/article/npvi.html" title="Div+CSS基础代码网页布局+实例教程" target="_blank">Div+CSS基础代码网页布局+实例教程</a></li><li><span>6</span><a href="https://www.bwwdw.com/article/3tj8.html" title="19第十二课用表格为网页布局" target="_blank">19第十二课用表格为网页布局</a></li><li><span>7</span><a href="https://www.bwwdw.com/article/btdw.html" title="用DIV+CSS实现网页布局及网站设计" target="_blank">用DIV+CSS实现网页布局及网站设计</a></li><li><span>8</span><a href="https://www.bwwdw.com/article/m251.html" title="利用Flash交互技术实现个性化网页布局" target="_blank">利用Flash交互技术实现个性化网页布局</a></li><li><span>9</span><a href="https://www.bwwdw.com/article/e1tr.html" title="美化我的网页 - -css+div布局页面（习题） - 图文" target="_blank">美化我的网页 - -css+div布局页面（习题） - 图文</a></li><li><span>10</span><a href="https://www.bwwdw.com/article/0g5o.html" title="美化我的网页 - -css+div布局页面（习题） - 图文" target="_blank">美化我的网页 - -css+div布局页面（习题） - 图文</a></li></ul></div>
<script type="text/javascript">s("right_mid");</script>
<div class="right_list"><div class="right_list_t"><i></i><span>最新文章</span></div><ul><li><a href="https://www.bwwdw.com/article/inb.html" target="_blank" title="多层物业服务方案">多层物业服务方案</a></li><li><a href="https://www.bwwdw.com/article/hnb.html" target="_blank" title="（审判实务）习惯法与少数民族地区民间纠纷解决问题（孙 潋）">（审判实务）习惯法与少数民族地区民间纠纷解决问题（孙 潋）</a></li><li><a href="https://www.bwwdw.com/article/mnb.html" target="_blank" title="人教版新课标六年级下册语文全册教案">人教版新课标六年级下册语文全册教案</a></li><li><a href="https://www.bwwdw.com/article/jnb.html" target="_blank" title="词语打卡">词语打卡</a></li><li><a href="https://www.bwwdw.com/article/4nb.html" target="_blank" title="photoshop实习报告">photoshop实习报告</a></li><li><a href="https://www.bwwdw.com/article/1nb.html" target="_blank" title="钢结构设计原理综合测试2">钢结构设计原理综合测试2</a></li><li><a href="https://www.bwwdw.com/article/qnb.html" target="_blank" title="2014年期末练习题">2014年期末练习题</a></li><li><a href="https://www.bwwdw.com/article/enb.html" target="_blank" title="高中数学中的逆向思维解题方法探讨">高中数学中的逆向思维解题方法探讨</a></li><li><a href="https://www.bwwdw.com/article/nnb.html" target="_blank" title="名师原创 全国通用2014-2015学年高二寒假作业 政治（一）Word版">名师原创 全国通用2014-2015学年高二寒假作业 政治（一）Word版</a></li><li><a href="https://www.bwwdw.com/article/lnb.html" target="_blank" title="北航《建筑结构检测鉴定与加固》在线作业三">北航《建筑结构检测鉴定与加固》在线作业三</a></li><li><a href="https://www.bwwdw.com/article/snb.html" target="_blank" title="XX县卫生监督所工程建设项目可行性研究报告">XX县卫生监督所工程建设项目可行性研究报告</a></li><li><a href="https://www.bwwdw.com/article/knb.html" target="_blank" title="小学四年级观察作文经典评语">小学四年级观察作文经典评语</a></li><li><a href="https://www.bwwdw.com/article/znb.html" target="_blank" title="浅谈110KV变电站电气一次设计-程泉焱(1)">浅谈110KV变电站电气一次设计-程泉焱(1)</a></li><li><a href="https://www.bwwdw.com/article/0nb.html" target="_blank" title="安全员考试题库">安全员考试题库</a></li><li><a href="https://www.bwwdw.com/article/cnb.html" target="_blank" title="国家电网公司变电运维管理规定(试行)">国家电网公司变电运维管理规定(试行)</a></li><li><a href="https://www.bwwdw.com/article/9nb.html" target="_blank" title="义务教育课程标准稿征求意见提纲">义务教育课程标准稿征求意见提纲</a></li><li><a href="https://www.bwwdw.com/article/ukb.html" target="_blank" title="教学秘书面试技巧">教学秘书面试技巧</a></li><li><a href="https://www.bwwdw.com/article/ynb.html" target="_blank" title="钢结构工程施工组织设计">钢结构工程施工组织设计</a></li><li><a href="https://www.bwwdw.com/article/6kb.html" target="_blank" title="水利工程概论论文">水利工程概论论文</a></li><li><a href="https://www.bwwdw.com/article/3kb.html" target="_blank" title="09届九年级数学第四次模拟试卷">09届九年级数学第四次模拟试卷</a></li><li><a href="https://www.bwwdw.com/%E5%B8%83%E5%B1%80/" target="_blank" title="布局">布局</a></li><li><a href="https://www.bwwdw.com/%E7%BD%91%E9%A1%B5/" target="_blank" title="网页">网页</a></li></ul></div>
<script type="text/javascript">s("right_bottom");</script>
<div class="right_list"><div class="right_list_t"><i></i><span>推荐文章</span></div><ul><li><a href="https://www.bwwdw.com/article/pxsg.html" target="_blank" title="整理《社区概论》 - 图文">整理《社区概论》 - 图文</a></li><li><a href="https://www.bwwdw.com/article/rxsg.html" target="_blank" title="“尊重生命，关爱动物” - - “私宠之家”流浪猫狗收容所义工活">“尊重生命，关爱动物” - - “私宠之家”流浪猫狗收容所义工活</a></li><li><a href="https://www.bwwdw.com/article/8xsg.html" target="_blank" title="小学阅读训练每日一练（适合4-6年级）">小学阅读训练每日一练（适合4-6年级）</a></li><li><a href="https://www.bwwdw.com/article/axsg.html" target="_blank" title="《长颈鹿与小鸟》说课稿">《长颈鹿与小鸟》说课稿</a></li><li><a href="https://www.bwwdw.com/article/bxsg.html" target="_blank" title="专四英语单选题4">专四英语单选题4</a></li><li><a href="https://www.bwwdw.com/article/wxsg.html" target="_blank" title="2018届高考非连续性文本阅读精选15则">2018届高考非连续性文本阅读精选15则</a></li><li><a href="https://www.bwwdw.com/article/oxsg.html" target="_blank" title="二级建造师继续教育-BIM技术应用">二级建造师继续教育-BIM技术应用</a></li><li><a href="https://www.bwwdw.com/article/xxsg.html" target="_blank" title="罗湖区民生微实事服务类项目规范指引（最终版）">罗湖区民生微实事服务类项目规范指引（最终版）</a></li><li><a href="https://www.bwwdw.com/article/5xsg.html" target="_blank" title="2016大班暑期安全教案反思">2016大班暑期安全教案反思</a></li><li><a href="https://www.bwwdw.com/article/txsg.html" target="_blank" title="三年级数学上册知识树">三年级数学上册知识树</a></li><li><a href="https://www.bwwdw.com/article/3xsg.html" target="_blank" title="2010年高考物理一轮考点典型例题解析专题辅">2010年高考物理一轮考点典型例题解析专题辅</a></li><li><a href="https://www.bwwdw.com/article/uxsg.html" target="_blank" title="美国联邦政府诉美洲铝业公司垄断案">美国联邦政府诉美洲铝业公司垄断案</a></li><li><a href="https://www.bwwdw.com/article/yosg.html" target="_blank" title="数据结构试题汇总">数据结构试题汇总</a></li><li><a href="https://www.bwwdw.com/article/cosg.html" target="_blank" title="《2.1旅游景观欣赏方法》说课稿">《2.1旅游景观欣赏方法》说课稿</a></li><li><a href="https://www.bwwdw.com/article/9osg.html" target="_blank" title="绩溪县扬之河瀛洲段施组2标">绩溪县扬之河瀛洲段施组2标</a></li><li><a href="https://www.bwwdw.com/article/zosg.html" target="_blank" title="如何改进自己的不足和缺点">如何改进自己的不足和缺点</a></li><li><a href="https://www.bwwdw.com/article/0osg.html" target="_blank" title="口腔助理医师考试解剖生理学知识点总结">口腔助理医师考试解剖生理学知识点总结</a></li><li><a href="https://www.bwwdw.com/article/sosg.html" target="_blank" title="物联网实验报告">物联网实验报告</a></li><li><a href="https://www.bwwdw.com/article/kosg.html" target="_blank" title="Discuz!各版本拿Webshell">Discuz!各版本拿Webshell</a></li><li><a href="https://www.bwwdw.com/article/nosg.html" target="_blank" title="中国生物燃料市场调研报告">中国生物燃料市场调研报告</a></li></ul></div> </div>
</div>
</div>
<div class="footer">
<p>Copyright©<script>timestamp2date(1);</script><a href="https://www.bwwdw.com/" target="_blank" title="博文网">博文网</a>bwwdw.com 版权所有</p>
<p class="gray"><a href="https://www.bwwdw.com/article/" target="_blank">最新更新</a> | <a href="https://www.bwwdw.com/hot/" target="_blank">热点专题</a> | <a href="https://www.bwwdw.com/sitemap.html" target="_blank">网站地图</a> | <a href="https://www.bwwdw.com/tag/" target="_blank">TAG专题</a> | <a href="https://www.bwwdw.com/sitemap.xml" target="_blank">XML地图</a> | <a href="https://so.bwwdw.com" target="_blank">范文搜索</a><script type="text/javascript">tj();</script></p>
</div>
<a href="#0" class="cd-top">Top</a>
<script src="/static/fanwen/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
document.write('<script type="text/javascript" src="/static/fanwen/js/pubuliu.js?'+RAND_STR+'"><\/script>');
document.write('<script type="text/javascript" src="/static/fanwen/js/lazyimg.js?'+RAND_STR+'"><\/script>');
document.write('<script type="text/javascript" src="/static/fanwen/js/gotop.js?'+RAND_STR+'"><\/script>');
</script>
<script type="text/javascript">
$.ajax({
"url":"https://www.bwwdw.com/open/doc/readViews.json?id=7xsg",
"type":"get",
"data":"",
"dataType":"json",
"success":function(res){
$("#read_views").html(res.data);
}
});
</script>
<script type="text/javascript">bottomAction();</script>
</body>
</html>