JavaScript网页开发

JavaScript网页开发
作　者： 张孝祥 张红梅
出版社： 清华大学出版社
丛编项： 体验式学习教程
版权说明： 本书为出版图书，暂不支持在线阅读，请支持正版图书
标　签： javascript
ISBN 出版时间 包装 开本 页数 字数
未知 暂无 暂无 未知 0 暂无

作者简介

暂缺《JavaScript网页开发》作者简介

内容简介

本书结合大量应用实例，详细地讲解了HTML语言、CSS、JavaScript语法、DOM对象模型编程、正则表达式，并介绍了网页脚本编程的其他相关技术和知识，例如，VBScript 、NetScape控件、ActiveX控件、Java Applet小程序等。本书力求在不减少知识信息量的情况下，能够把书写薄，同时又能把问题说透，让读者能够迅速上手，并尽最大可能地扩展读者的知识面，启发读者自我思考和学习的能力，让读者感受到技术学习所带来的快乐。本书主要面向网站开发人员，也适于普通前端网页设计人员阅读。

图书目录

第1章 HTML语言基础

1. 1 HTML的背景知识

1. 1. 1 什么是HTML

1. 1. 2 HTML规范与版本

1. 1. 3 IETF与W3C组织

1. 2 HTML的全局架构标签

1. 2. 1 <／html>

1. 2. 2

1. 2. 3 <／title>

1. 2. 4 <／body>

1. 2. 5 使用Visual Studio. NET产生网页文档

1. 2. 6 文档类型定义(DTD)

1. 3 注释与特殊字符

1. 3. 1 HTML文档中的注释

1. 3. 2 HTML文档中的符号和特殊字符

1. 4 格式标签

1. 4. 1

1. 4. 2

1. 4. 3 <／nobr>

1. 4. 4

<／blockquote>

1. 4. 5

<／center>

1. 4. 6 <／marquee>

1. 4. 7

<／dl>
<／dt>
<／dd>

1. 4. 8

    <／ol>
      <／ul>

    • 1. 4. 9 

      

                                        
      1. 5 文本标签
      

                                        
      1. 5. 1 
      <／h1>…
      

                                        
      1. 5. 2 <／b><／i><／u><／sub><／sup>
      

                                        
      1. 5. 3 <／tt><／cite><／em><／strong>
      

                                        
      1. 5. 4
      

                                        
      1. 6 超链接标签
      

                                        
      1. 6. 1 统一资源定位符(URL)
      

                                        
      1. 6. 2 a href=""><／a>
      

                                        
      1. 6. 3 a name="">
      

                                        
      1. 7 图像标签
      

                                        
      1. 7. 1 
      

                                        
      1. 7. 2 
      

                                        
      1. 8 客户端图像地图
      

                                        
      1. 9 思考与实践
      

                                        
      第2章 HTML高级部分
      

                                        
      2. 1 表格标签
      

                                        
      2. 1. 1 
      <／table>
      2. 1. 2 
      <／tr>
      

                                        
      <／td>
      

                                        
      2. 1. 3 
      		<／th>
      <／caption>
      

                                        
      2. 2 帧标签
      

                                        
      2. 2. 1 <／frameset>
      

                                        
      2. 2. 2 
      

                                        
      2. 2. 3 <／noframes></p>

                                        <p>2. 2. 4 <iframe><／iframe></p>

                                        <p>2. 3 表单标签</p>

                                        <p>2. 3. 1 <form><／form></p>

                                        <p>2. 3. 2 <inputtype="submit"></p>

                                        <p>2. 3. 3 <inputtype="reset"></p>

                                        <p>2. 3. 4 <inputtype="text"></p>

                                        <p>2. 3. 5 <inputtype="checkbox"></p>

                                        <p>2. 3. 6 <inputtype="radio"></p>

                                        <p>2. 3. 7 <inputtype="hidden"></p>

                                        <p>2. 3. 8 <inputtype="password"></p>

                                        <p>2. 3. 9 <inputtype="button"></p>

                                        <p>2. 3. 10 <inputtype="file"></p>

                                        <p>2. 3. 11 <inputtype="image"></p>

                                        <p>2. 3. 12 <select><／select><option><／option></p>

                                        <p>2. 3. 13 <textarea><／textarea></p>

                                        <p>2. 3. 14 <label>标签</p>

                                        <p>2. 4 头元素</p>

                                        <p>2. 4. 1 <base>标签</p>

                                        <p>2. 4. 2 <link>标签</p>

                                        <p>2. 4. 3 <meta>标签</p>

                                        <p>2. 5 分区标签</p>

                                        <p>2. 5. 1 <div><／div></p>

                                        <p>2. 5. 2 <span><／span></p>

                                        <p>2. 6 思考与实践</p>

                                        <p>第3章 CSS</p>

                                        <p>3. 1 什么是CSS(层叠样式表)</p>

                                        <p>3. 2 CSS的几种设置方式</p>

                                        <p>3. 2. 1 内联样式表</p>

                                        <p>3. 2. 2 嵌入样式表</p>

                                        <p>3. 2. 3 外部样式表</p>

                                        <p>3. 2. 4 输入样式表</p>

                                        <p>3. 3 样式规则的选择器</p>

                                        <p>3. 3. 1 HTMLselector</p>

                                        <p>3. 3. 2 classselector</p>

                                        <p>3. 3. 3 IDselector</p>

                                        <p>3. 3. 4 关联选择器</p>

                                        <p>3. 3. 5 组合选择器</p>

                                        <p>3. 3. 6 伪元素选择器</p>

                                        <p>3. 4 样式规则的注释与有效范围</p>

                                        <p>3. 4. 1 样式表中的注释</p>

                                        <p>3. 4. 2 样式规则的继承</p>

                                        <p>3. 4. 3 样式规则的优先级</p>

                                        <p>3. 5 用Microsoft Visual Studio. NET产生CSS</p>

                                        <p>3. 5. 1 产生内联样式表</p>

                                        <p>3. 5. 2 产生嵌入样式表</p>

                                        <p>3. 5. 3 产生外部样式表</p>

                                        <p>3. 5. 4 连接外部样式表</p>

                                        <p>3. 6 样式属性详解</p>

                                        <p>3. 6. 1 字体</p>

                                        <p>3. 6. 2 背景</p>

                                        <p>3. 6. 3 文本</p>

                                        <p>3. 6. 4 位置</p>

                                        <p>3. 6. 5 布局</p>

                                        <p>3. 6. 6 边缘</p>

                                        <p>3. 6. 7 列表</p>

                                        <p>3. 6. 8 其他</p>

                                        <p>3. 6. 9 CSS滤镜</p>

                                        <p>3. 7 一些建议的学习方法</p>

                                        <p>3. 8 思考与实践</p>

                                        <p>第4章 JavaScript语法</p>

                                        <p>4. 1 JavaScript是什么</p>

                                        <p>4. 1. 1 什么是脚本程序</p>

                                        <p>4. 1. 2 JavaScript简介</p>

                                        <p>4. 1. 3 JavaScript与Java</p>

                                        <p>4. 1. 4 JavaScript. JScript与ECMAScript</p>

                                        <p>4. 2 JavaScript的基本语法</p>

                                        <p>4. 2. 1 脚本代码的位置</p>

                                        <p>4. 2. 2 JavaScript中的标识符</p>

                                        <p>4. 2. 3 JavaScript中的保留关键字</p>

                                        <p>4. 2. 4 JavaScript严格区分大小写</p>

                                        <p>4. 2. 5 JavaScript程序代码的格式</p>

                                        <p>4. 2. 6 JavaScript程序的注释</p>

                                        <p>4. 2. 7 基本数据类型与常量</p>

                                        <p>4. 2. 8 变量</p>

                                        <p>4. 3 运算符</p>

                                        <p>4. 3. 1 算术运算符</p>

                                        <p>4. 3. 2 赋值运算符</p>

                                        <p>4. 3. 3 比较运算符</p>

                                        <p>4. 3. 4 逻辑运算符</p>

                                        <p>4. 3. 5 位运算符</p>

                                        <p>4. 4 程序的流程控制</p>

                                        <p>4. 4. 1 顺序结构</p>

                                        <p>4. 4. 2 if条件选择语句</p>

                                        <p>4. 4. 3 switch选择语句</p>

                                        <p>4. 4. 4 while循环语句</p>

                                        <p>4. 4. 5 do while语句</p>

                                        <p>4. 4. 6 for循环语句</p>

                                        <p>4. 4. 7. break与continue语句</p>

                                        <p>4. 5 函数</p>

                                        <p>4. 5. 1 函数的定义与调用</p>

                                        <p>4. 5. 2 全局变量与局部变量</p>

                                        <p>4. 5. 3 参数个数可变的函数</p>

                                        <p>4. 5. 4 创建动态函数</p>

                                        <p>4. 5. 5 JavaScript中的系统函数</p>

                                        <p>4. 6 对象</p>

                                        <p>4. 6. 1 对象与对象实例</p>

                                        <p>4. 6. 2 构造方法与this关键字</p>

                                        <p>4. 6. 3 在函数中修改参数值的问题</p>

                                        <p>4. 7 JavaScript的内部对象</p>

                                        <p>4. 7. 1 Object对象</p>

                                        <p>4. 7. 2 String对象</p>

                                        <p>4. 7. 3 Math对象</p>

                                        <p>4. 7. 4 Date对象</p>

                                        <p>4. 7. 5 toString方法</p>

                                        <p>4. 8 专门用于对象的语句</p>

                                        <p>4. 8. 1 with语句</p>

                                        <p>4. 8. 2 for…it语句</p>

                                        <p>4. 9 数组</p>

                                        <p>4. 9. 1 数组列表</p>

                                        <p>4. 9. 2 用对象的方式实现数组</p>

                                        <p>4. 9. 3 Array对象</p>

                                        <p>4. 10 思考与实践</p>

                                        <p>第5章 DOM编程</p>

                                        <p>5. 1 DHTML</p>

                                        <p>5. 1. 1 DOM与DHTML介绍</p>

                                        <p>5. 1. 2 如何编写事件处理程序</p>

                                        <p>5. 2 window对象</p>

                                        <p>5. 2. 1 window对象的方法</p>

                                        <p>5. 2. 2 window对象的属性</p>

                                        <p>5. 2. 3 window对象的事件</p>

                                        <p>5. 2. 4 window对象的对象属性</p>

                                        <p>5. 3 document对象</p>

                                        <p>5. 3. 1 document对象的方法</p>

                                        <p>5. 3. 2 document对象的属性</p>

                                        <p>5. 3. 3 document对象的事件</p>

                                        <p>5. 3. 4 document对象的对象属性</p>

                                        <p>5. 3. 5 <script>标签的属性</p>

                                        <p>5. 3. 6 Cookie属性</p>

                                        <p>5. 4 body对象</p>

                                        <p>5. 4. 1 body对象的方法</p>

                                        <p>5. 4. 2 body对象的属性</p>

                                        <p>5. 4. 3 body对象的事件</p>

                                        <p>5. 4. 4 body对象的对象属性</p>

                                        <p>5. 4. 5 在网页上实现图标的漂浮移动效果</p>

                                        <p>5. 5 form对象</p>

                                        <p>5. 5. 1 form对象的方法</p>

                                        <p>5. 5. 2 form对象的属性</p>

                                        <p>5. 5. 3 form对象的事件</p>

                                        <p>5. 5. 4 form对象的对象属性</p>

                                        <p>5. 6 form表单字段元素对象</p>

                                        <p>5. 6. 1 form表单字段元素对象的方法</p>

                                        <p>5. 6. 2 form表单字段元素对象的属性</p>

                                        <p>5. 6. 3 form表单字段元素对象的事件</p>

                                        <p>5. 6. 4 表单字段元素对象的几个应用例子</p>

                                        <p>5. 7 思考与实践</p>

                                        <p>第6章 脚本编程的相关技术</p>

                                        <p>6. 1 用Microsoft Visual Studio. NET编写JavaScript程序</p>

                                        <p>6. 1. 1 查看Microsoft Visual Studio. NET文档</p>

                                        <p>6. 1. 2 使用Microsoft Visual Studio. NET编写脚本程序</p>

                                        <p>6. 2 编写兼容IE和NS的Java Script代码</p>

                                        <p>6. 2. 1 JavaScript实现marquee功能</p>

                                        <p>6. 2. 2 检查浏览器的类别</p>

                                        <p>6. 2. 3 层对象的引用</p>

                                        <p>6. 2. 4 CSS-P属性的引用</p>

                                        <p>6. 2. 5 层的显示和隐藏</p>

                                        <p>6. 2. 6 层的定位</p>

                                        <p>6. 2. 7 修改和引用层中的内容</p>

                                        <p>6. 2. 8 层的嵌套</p>

                                        <p>6. 2. 9 响应鼠标及键盘事件</p>

                                        <p>6. 2. 10 综合示例</p>

                                        <p>6. 3 VBScript</p>

                                        <p>6. 3. 1 变量的定义</p>

                                        <p>6. 3. 2 过程和函数</p>

                                        <p>6. 3. 3 事件处理</p>

                                        <p>6. 3. 4 VBScript应用举例</p>

                                        <p>6. 3. 5 学习和运用VBScript编程的方法</p>

                                        <p>6. 4 插件技术</p>

                                        <p>6. 4. 1 什么是插件</p>

                                        <p>6. 4. 2 Netscape插件</p>

                                        <p>6. 4. 3 JavaApplet</p>

                                        <p>6. 4. 5 用工具软件添加插件</p>

                                        <p>6. 5 建议的学习和应用方法</p>

                                        <p>第7章 正则表达式</p>

                                        <p>7. 1 正则表达式及其作用</p>

                                        <p>7. 2. 1 创建RegExp对象实例的两种方式</p>

                                        <p>7. 2. 2 RegExp对象的属性</p>

                                        <p>7. 2. 3 RegExp对象的方法</p>

                                        <p>7. 3 String对象中与正则表达式有关的方法</p>

                                        <p>7. 4 正则表达式的语法参考</p>

                                        <p>7. 4. 3 分组组合和反向引用符</p>

                                        <p>7. 4. 8 正则表达式语法综合举例</p>

                                        <p>7. 5 实用程序举例</p>

                                        <p>7. 5. 1 校验IP地址是否合法</p>

                                        <p>7. 5. 2 从统一资源定位符(URL)中提取各组成元素信息</p>

                                        <p>7. 5. 3 创建能对多种常用格式进行验证的函数</p>

                                        <p>7. 6 思考与实践</p>

                            </dl>
                    </div>
                </div>
            </div>

    </div>
</section>
<footer id="lk_footer">
    <div id="footer_container" class="container">
        <div class="row" style="padding-top: 10px;">
            <div class="col-md-12">
                <ul class="flex-between">
                    <li class="foot-title">
                        <a href="/" target="_parent" title="读书之家">
                            <i class="glyphicon glyphicon-home"></i> 首页
                        </a>
                    </li>
                                        <li class="rights"><a href="https://laidazi.com" target="_blank">巧手打字通</a></li>
                    <li class="rights"><a href="/public/to?p=question" target="_blank" rel="nofollow">常见问题</a></li>
                    <li class="rights"><a href="/public/to?p=right" target="_self">免责声明</a></li>
                    <li class="rights">网站内容仅供学习和交流，如无意间侵权，请联系告知，立马删除。</li>
                </ul>
                <ul class="flex-between split">
                    <li class="rights">
                        <i class="glyphicon glyphicon-phone-alt bold-text"></i>
                        Copyright©2026-2027 <a href="/" target="_blank">读书之家</a>
                    </li>
                    <li class="rights">
                        <a href="https://beian.miit.gov.cn/" target="_blank"
                           rel="nofollow noopener">京ICP备2024084723号-2</a>
                    </li>
                    <li class="rights">
                        <a href="/public/to?p=tos" target="_blank" rel="nofollow">服务条款</a>
                    </li>
                    <li class="rights">
                        <a href="/public/to?p=policy" target="_blank" rel="nofollow">隐私政策</a>
                    </li>
                    <li class="rights">
                        <a href="javascript:void(0)" rel="nofollow"
                           onclick="system.alertSimple('请将您的【合作诉求及联系方式】发送至邮箱：dushuzaixian@163.com，我们会及时跟您联系！',5000);">
                            机构合作
                        </a>
                        <a href="mailto:dushuzaixian@163.com" title="发邮件" rel="nofollow">
                            <i class="glyphicon glyphicon-envelope"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</footer>
<script type="text/javascript">
    $(document).ready(function () {
        let $lkFooter = $("#lk_footer");
        let $contentContainer = $('#lk_content');
        $contentContainer = $contentContainer.length ? $contentContainer : $('#index-container');
        let $headerBanner = $(".header-banner");
        $headerBanner = $headerBanner.length ? $headerBanner : $(".header-nav")
        if ($lkFooter.length && $contentContainer.length) {
            let contentHeight = $contentContainer.height();
            let browserHeight = window.innerHeight || document.documentElement.clientHeight || contentHeight;
            let footerHeight = $lkFooter.height()

            let headerHeight = $headerBanner.length ? $headerBanner.height() : 0;
            if (headerHeight + contentHeight + footerHeight <= browserHeight) {
                $lkFooter.css("position", "fixed");
                $lkFooter.css("bottom", "0px");
            }
        }
        // 添加加载中特效
        $("#footer_container a").each(function () {
            if ($(this).attr("target") == "_self") {
                $(this).click(function () {
                    let id = new Date().getTime();
                    system.loading(id);
                    window.onload = function () {
                        system.unLoading(id);
                    };
                });
            }
        });
    })
</script></body>
</html>