DHTML与JavaScript：背景图像差异示例

需积分: 3 89 浏览量更新于2024-07-31 收藏 4.38MB DOC 举报

"DHTML_and_JavaScript - 示例展示了layer-background-image属性与background-image属性的区别" 在Web开发领域，DHTML（Dynamic HTML）是一种用于创建交互式和动态网页的技术，它结合了HTML、CSS（层叠样式表）、JavaScript以及DOM（文档对象模型）。DHTML允许开发者在不刷新整个页面的情况下更新部分页面内容，提供了更丰富的用户交互体验。在这个例子中，重点对比了`layer-background-image`属性和`background-image`属性的用法。这两个属性都是用来设置元素的背景图像，但它们在不同的浏览器环境中支持情况不同，且`layer-background-image`是 Netscape Navigator 浏览器特有的一种扩展，而在现代浏览器中通常使用`background-image`属性。在HTML文档中，我们看到两个`<DIV>`元素分别被赋予了`id`为`LBGImage`和`RegBGImage`。这两个`<DIV>`元素都被设置了绝对定位，相同的颜色、字体大小和边框样式，但背景图像的设置方式不同。对于`LBGImage`，使用了`layer-background-image`属性来设置背景图像，图像来自于'JPEG-FILES/icon-BG-asteroids.jpg'，并且这个图像会铺满整个`<DIV>`区域，即使超出文本区域，图像也会覆盖边框内的所有空间。而对于`RegBGImage`，使用了标准的CSS属性`background-image`，同样设置为'JPEG-FILES/icon-BG-asteroids.jpg'。在这种情况下，背景图像只覆盖了文本区域，并不会延伸到边框之外，所以边框内的一部分区域没有被图像覆盖。这个示例清晰地展示了两个属性在实际效果上的差异。在现代浏览器中，由于对`layer-background-image`的支持度不高，开发者通常会使用`background-image`来设置背景图，以确保更好的跨浏览器兼容性。同时，通过调整`background-repeat`、`background-position`等其他相关属性，可以实现更多样的背景图像布局效果。理解并熟练掌握DHTML和JavaScript的相关技术，对于创建响应式、交互性强的网页至关重要。而了解这些过时或非标准属性的历史和用法，有助于开发者更好地理解Web发展的历程，以及为何现代标准如HTML5和CSS3成为主流。

7.28) The returned Array from the split() Method of String Objects 736

7.29) The input Property of the Array Object 739

7.30) Using Arrays to fill <TABLE> Element Data Dynamically 740

7.31) Chart of Sample Files that use Arrays 745

Chapter 8 JavaScript Strings 747

JavaScript String Objects 749

8.1) The JavaScript String Object 749

8.2) String Object Property Summaries 750

8.3) String Object Method Summaries 750

8.4) Using the String Object Constructor Function 752

8.5) Create a String Object with Literal notation 752

8.6) JavaScript Special Characters in Strings 753

8.7) String Object Character Array 754

Manipulative String Object Methods 755

8.8) The concat() Method of String Object 755

8.9) The charAt() Method of String Object 759

8.10) The charCodeAt() Method of String Object 761

8.11) The fromCharCode() Static Method of String Object 763

8.12) The indexOf() Method of String Object 766

8.13) The lastIndexOf() Method of String Object 769

String Object Methods used with Regular Expressions 770

8.14) The search() Method of String Object 771

8.15) The match() Method of String Object 774

8.16) The replace() Method of String Object 778

8.17) The split() Method of String Object 782

More String Object Methods 788

8.18) The slice() Method of String Object 788

8.19) The substring() Method of String Object 790

8.20) The substr() Method of String Object 792

DHTML and JavaScript xiiCreating Anchors & Links 794

8.21) The anchor() Method of String Object 794

8.22) The link() Method of String Object 795

Decorative Methods of String Object 797

8.23) Overview 797

8.24) The toLowerCase() Method of String Object 797

8.25) The toUpperCase() Method of String Object 798

8.26) The fontcolor() Method of String Object 798

8.27) The fontsize() Method of String Object 798

Chapter 9 JavaScript RegExps 801

JavaScript RegExp Objects 803

9.1) Regular Expression Objects Overview 803

Predefined RegExp Object 804

9.2) The Predefined RegExp Core Object 804

9.3) The input Property of the Predefined RegExp Core Object 805

9.4) The multiline Property of the Predefined RegExp Core Object 806

9.5) Property Summaries of the Predefined RegExp Core Object 807

Individual RegExp Objects 808

9.6) RegExp Objects created with Literal notation 808

9.7) RegExp Objects created with its Constructor Function 809

9.8) Patterns in Regular Expressions 810

9.9) Literal Characters in Patterns in Regular Expressions 810

9.10) Special Characters in Patterns in Regular Expressions 811

9.11) Parentheses in Patterns in Regular Expressions 812

9.11.1) Parenthesized SubStrings 812

9.12) Exploring Regular Expressions 813

9.13) Chart of all Special Characters for Regular Expressions 814

9.14) Method Summary of Individual RegExp Objects 819

9.15) Summary of String Methods used with Individual RegExp Objects 819

9.16) Property Summary of Individual RegExp Objects 820

9.17) The test() Method of Individual RegExp Objects 821

9.17.1) When to test() or exec() 821

9.18) The exec() Method of Individual RegExp Objects 825

9.19) The compile() Method of Individual RegExp Objects 830

9.20) The lastIndex Property of Individual RegExp Objects 832

9.21) Example to verify phone number using Regular Expressions 838

9.22) exec() & match() Method differences 840

9.23) Example to verify name & address using Regular Expressions 843

9.24) A full Regular Expression example 845

9.25) Creating a Search Engine example 847

Contents xiiiPart III JavaScript 1.3

Chapter 10 What's New & Changed 853

What's New in JavaScript 1.3 & Changed in JavaScript 1.2 855

10.1) Overview of Features 855

10.2) JavaScript 1.3 and ECMA-262 Compliance 855

10.3) JavaScript 1.3 and Unicode 856

10.3.1) Unicode Character Escape Sequences 857

Changes to Objects 858

10.4) Changes to the Array Object 858

10.5) Changes to the Array Constructor 858

10.6) Change to the length Property of Array Object 859

10.7) New toSource() Method of Array Object 859

10.8) Change to the toString() Method of Array Object 860

10.9) Change to the push() Method of Array Object 861

10.10) Change to the splice() Method of Array Object 861

10.11) Changes to the Date Object 862

10.12) Changes to the Date Constructor 862

10.13) New Methods for the Date Object 863

10.14) Changes to preexisting Methods of the Date Object 875

10.15) Changes to the Function Object 880

10.16) The apply() Method of the Function Object 880

10.17) The call() Method of the Function Object 886

10.18) Changes to the String Object 888

New Method 892

10.19) The toSource() Method for several Objects 892

New Top-Level Properties 894

10.20) Infinity Property 894

10.21) NaN Property 894

10.22) undefined Property 895

New Top-Level Function 895

10.23) isFinite() Function 895

Changes to Top-Level Functions 896

10.24) eval() Function 896

New Operators 896

10.25) The === Operator 896

10.26) The !== Operator 897

Changes to Operators 897

10.27) The == Operator 897

10.28) The != Operator 897

Changes to Conditional Test Behaviors 898

10.29) Assignment Behaviors 898

10.30) null and undefined Values for Objects 898

Using the JavaScript Console to debug your code 898

DHTML and JavaScript xivPart IV Resources

Appendix A HTML Primer 901

Appendix B Color Names and Values 1029

Appendix C Sample Files Referenced 1039

Appendix D Language Abbreviations 1049

Appendix E Charts 1053

Appendix F Index 1099

Contents xvPreface

This book is designed to guide the reader in developing web sites that can use the

new features and capabilities for using Style Sheets and Layers in both Cascading Style

Sheet Syntax and JavaScript Syntax that are reflected in Netscape's Navigator 4.0+ browser.

Additionally, it covers all of the new abilities of JavaScript 1.2 and including the Layer

Object and advanced Event Handling for capturing Events and using them to dynamically

alter the appearance and content of documents. There is also a chapter devoted to the new

functionality of JavaScript 1.3 and changes from version 1.2.

If you are a complete beginner, then check out Appendix A in Part IV which will

introduce you to all of the basics for using HTML Elements to design your web pages

including Images, Area Maps, Tables, Frames, Forms, and Embedded Objects for advanced

content like VRML, QTVR, QD3D, and Audio files. Appendix A contains a truncated

version of the HTML Elements Primer but there is a much more complete version on the

剩余63页未读，继续阅读

zhangdeqing555

粉丝: 31

DHTML与JavaScript：背景图像差异示例

JavaScript与DHTML实战指南

JavaScript与DHTML：技术复兴与浏览器兼容性的历程

DHTML与JavaScript：动态网页技术详解

《CSS,_DHTML_and_JavaScript_2003》.pdf

JavaScript_＆_DHTML_Cookbook

DHTML.rar_DHTML_DHTML chm_html_网页制作

dhtml_utopia__modern-web-design-using-javascript-and-dom_by_stuart-langridge

HTML_DHTML.rar_DHTML_html

DHTML_manual

DHTML_参考手册

最新资源