JavaScript 实用技巧与效果示例

需积分: 9 3 下载量 134 浏览量 更新于2024-09-20 收藏 127KB TXT 举报
该资源是一个JavaScript效果集合,包含多种不同的网页交互功能,如音视频播放、页面设置首页、收藏、时间显示等。 1. 实现简单计数器:JavaScript可以创建一个简单的计数器,例如在网页上动态更新数字。这通常通过设置定时器(setTimeout 或 setInterval)来实现,每过一定时间就自动增加或减少计数值。 2. 图片预加载:为了提高用户体验,开发者可以使用JavaScript预先加载图片,确保图片在用户滚动到视窗时已经准备好显示。这可以通过创建新的Image对象并设置其src属性来完成。 3. 设置QQ表情/特殊字符:JavaScript可以用于在网页上添加和处理特殊字符,如QQ表情,这可能涉及到字符串操作和DOM元素的innerHTML属性。 4. 多媒体播放:通过嵌入式标签(如<embed>)或使用HTML5的<audio>和<video>标签,JavaScript可以控制多媒体文件(如音频和视频)的播放、暂停、循环等操作。 5. 设置首页和收藏:JavaScript可以提供功能,使用户能够将当前网页设为他们的浏览器主页,或者添加到收藏夹。这通过调用特定的浏览器API(如setHomePage, AddFavorite)实现。 6. 显示当前时间:JavaScript提供了Date对象,可以用来获取和显示当前日期和时间。可以设置定时器让时间实时更新,例如在状态栏显示。 7. 关闭窗口:在某些情况下,JavaScript可以用来创建一个关闭当前窗口的功能,通过定义一个函数并在链接的onclick事件中调用它。 8. 监听键盘事件:JavaScript允许通过addEventListener或attachEvent(IE)监听键盘事件,如F12键或其他特定按键的按下,从而触发相应的行为。 9. 页面兼容性:部分代码可能需要针对不同浏览器进行调整,例如使用特定的浏览器特性(如window.external.AddFavorite仅适用于Internet Explorer)。 10. CSS样式和行为:JavaScript可以动态改变CSS样式,如设置cursor属性为hand,模拟链接行为,以及利用behavior属性实现一些浏览器特有的功能。 11. HTML与JavaScript结合:JavaScript常被用来增强HTML页面的交互性,例如通过在<body>标签的onload事件中调用函数,使得页面加载完成后执行特定操作。 这个资源集包含了JavaScript在网页开发中的各种常见应用,对于学习和参考JavaScript特效和交互设计很有帮助。