CSS扩展与Internet Explorer中的expression
需积分: 15 3 浏览量
更新于2024-07-27
收藏 557KB DOC 举报
"Javascript语言精髓与编程实践(清晰_文字版)_Final"
本文将深入探讨JavaScript这门编程语言的关键精髓和实践经验，特别是涉及到CSS在Internet Explorer浏览器中的特有扩展，尤其是expression属性的使用。
在CSS规范中，通常通过声明属性值来定义元素的样式。例如，设置字体颜色和背景图片URL可以通过以下方式实现：
```css
DIV{
COLOR: rgb(127,127,0);
}
TABLE{
BACKGROUND: url(http://127.0.0.1/bg.png);
}
```
然而，Internet Explorer 5.0及更高版本引入了一个非标准的特性——expression，它允许CSS属性的值通过计算过程得到。这种特性在其他标准浏览器中并不支持，但在IE中可以实现动态的样式更新。例如，我们可以设置一个`SPAN`元素的宽度，使其根据文档的宽度动态变化：
```css
#span_right{
LEFT: 300px;
WIDTH: expression(document.body.clientWidth - 300);
}
```
在HTML代码中，我们可以创建两个`SPAN`元素，一个固定宽度，另一个宽度动态调整以填充剩余空间：
```html
<body>
<span id="span_left">300px</span>
<span id="span_right" onresize="this.innerText=this.clientWidth+'px'"></span>
</body>
```
这样，`span_right`的宽度会随着浏览器窗口的大小改变而实时更新，达到响应式布局的效果。图4-1展示了在Internet Explorer浏览器中这一样式的实际表现。
然而，这种方法虽然强大，但也存在兼容性和性能问题。由于expression是IE特有的，其他浏览器不支持，这会导致跨浏览器的兼容性挑战。此外，expression的计算可能会对页面渲染性能产生影响，特别是在复杂的布局或频繁的窗口尺寸调整时。
在IE6.0中，有一个名为IE7的开源项目，它的目标是为IE6.0提供更接近现代浏览器的CSS支持，其中包括对expression的改进和优化，以提升兼容性和性能。尽管如此，随着现代浏览器的普及和CSS3的广泛采用，expression已被更标准的CSS解决方案（如媒体查询和Flexbox）所取代。
在JavaScript编程实践中，理解浏览器特定的扩展特性，如expression，是至关重要的，但同时也需要意识到它们可能带来的局限性和潜在问题。开发者应该优先考虑使用标准的、跨浏览器的解决方案，以确保代码的可维护性和用户体验。对于需要兼容旧版IE的情况，可以考虑使用条件注释、polyfill库或者渐进增强的策略来实现兼容性处理。
需要强调的是，H4I4-<1*+.非常苛刻地保证这些特性是相应语言领域中的最小特性集
（或称之为“语言原子”），这些特性在H4I4-<1*中相互混合，通过交错与补充而构成了
丰富
的、属于H4I4-<1*自身的语言特性。
本书的主要努力之一，就是分解出这些语言原子，并重现将它们混合在一起的过程与方法。
通过从复杂性到单一语言特性的还原过程，让读者了解到语言的本实，以及“层出不穷的语
言
特性”背后的真相。
技巧
技巧是“技术的取巧之处”，所以根本上来说，技巧也是技术的一部分。很多人（也包括
我）反对技巧的使用，是因为难以控制，并且容易破坏代码的可读性。
哪种情况下代码是需要“易于控制”和“可读性强”的呢？通常，我们认为在较大型的工
程下需要“更好的控制代码”；在更多人共同开发的项目代码上要求“更好的可读性”。然而，
反过来说，在一些更小型的、不需要更多人参与的项目中，“适度的”使用技巧是否就可以
接
受呢？
这取决于“需要、能够”维护这个代码的人对技巧的理解。这包括：
S技巧是一种语言特性，还是仅特定版本所支持或根本就是#'&；
0
不过这都将漏掉了两张王牌。这正是问题之所在，因为如果寻求“绝对一分为二的方法” ，
那么应该分为“王牌”和“非王牌”。
但这往往不被程序员或扑克牌玩家们采用，因为极端复杂性才是他们的毕生目标。
G
在H4I4-<1*TT这种把银弹涂上毒剂以试图用单发手枪击杀恐龙的构想发布之前的“昨
天”。S技巧是不是唯一可行的选择，有没有不需要技巧的实现；
S技巧是为了实现功能，而不是为了表现技巧而出现在代码中的。
即使如此，我仍然希望每一个技巧的使用都有说明，甚至示例。如果维护代码的人不能理
解该技巧，那么连代码本身都失去了价值，更何论技巧存在这份代码中的意义呢？
所以本书中的例子的确要用到许多“技巧”，但我一方面希望读者能明白，这是语言内核
或框架内核实现过程中必须的，另一方面也希望读者能从这些技巧中学习到它原本的技术
和理
论，以及活用的方法。
然而对于很多人来说，本书在讲述一个完全不同的语言类型。在这种类型的语言中，本书
所讲述的一切，都只不过是“正常的方法”；在其他类型的一些语言中，这些看起来就成了
技
巧。例如在H4I4-<1*中要改变一个对象方法指向的代码非常容易，并且是语言本身赋予
的能
力；而在*)1CC中，却成了“破坏面向对象设计”的非正常手段。
所以你最好能换一个角度来看待本书中讲述的“方法”。无论它对你产生多大的冲击，你
应该先想到的是这些方法的价值，而不是它对于“你所认为的传统”的挑战。事实上，这些
方
法，在另一些“同样传统”的语言类型中，已经存在了足够长久的时间——如同“方法”之与
“对象”一样，原本就是那样“（至少看起来）自然而然”地存在于它所在的语言体系之中。
剩余63页未读，继续阅读
点击了解资源详情
点击了解资源详情
点击了解资源详情
1075 浏览量
820 浏览量
691 浏览量
708 浏览量
1786 浏览量
点击了解资源详情
aa8322185
- 粉丝: 0
- 资源: 10
我的内容管理
展开
最新资源
- 012-desafio-componentizando-aplicacao
- jhm_chat.rar_网络编程_C/C++_
- A Free Text-To-Speech System-开源
- NVIDIA VGPU 14.0 ESXI 6.7主机驱动
- backtrader：用于交易策略的Python回测库
- sentiment-analysis-project:Udacity IMDB项目的项目
- Open C6 Project-开源
- Checking-ATM-Card-Number
- max-and-min.rar_Visual_C++_
- 自制程序
- :rocket:建立简单快速的跨平台多人游戏-C/C++开发
- atari:使用JavaScript编码的Atari Breakout
- challenge-4--Ignite-React:Desafio 04训练营的入门级Ignite，commig对象的应用程序Javascript para Typescript e de Class Components para Function Components
- WirelessOrder.rar_酒店行业_Java_
- IW：内部波动
- 纪事：使用Slim Framework构建的仅公开附加账本微服务
