JavaScript实用技巧与实例

5星 · 超过95%的资源 需积分: 8 12 下载量 39 浏览量 更新于2024-09-14 收藏 2KB TXT 举报
本资源是一份关于JavaScript实用小例子的集合,涵盖了多个常见的编程技巧和功能,适合初学者和有一定经验的开发者参考和学习。以下是对各个部分知识点的详细解读: 1. **JavaScript动态元素嵌入**: 使用`<embed>`标签可以嵌入外部媒体资源,如视频或音频,通过`src`属性指定URL,`hidden`属性使其默认隐藏,`autostart`和`loop`属性控制播放行为。 2. **JavaScript坐标定位与窗口大小调整**: `self.moveto(0,0)`和`self.resizeto(screen,availwidth,availheight)`允许对页面中的元素进行位置和大小的动态改变,实现窗口布局调整。 3. **VBScript和文档更新时间显示**: JavaScript结合VBScript (`<script language="vbscript">`)用于获取文档的实时更新时间(`document.lastmodified`),展示了如何利用不同脚本语言的集成。 4. **CSS样式导入**: 使用`@import url("ie.css")`在`<style>`标签内导入外部CSS样式表,针对IE浏览器特别优化,确保兼容性。 5. **全屏模式切换按钮**: 通过JavaScript和HTML `<input>`元素,创建了一个点击后可以全屏显示当前页面的按钮,`window.open()`函数配合`fullscreen=yes`参数实现全屏效果。 6. **定时器与状态栏更新**: `window.setTimeout()`被用来实现一个定时执行函数`see()`, 定时更新状态栏的时间,展示如何处理页面的定时任务。 7. **关闭页面链接**: 使用`<a>`标签结合JavaScript,创建了一个点击后关闭当前窗口的链接,`window.close()`函数完成这一功能。 8. **浏览器历史操作控制**: 提供了前进、后退和刷新页面的按钮,通过`history.go(-1)`, `history.go(0)`和`history.go(+1)`来操作浏览历史。 9. **计时器和消息弹窗**: `setTimeout()`与`alert()`函数结合,创建了一个定时3秒后弹出提示消息的按钮,`count()`函数负责触发这个行为。 10. **显示/隐藏元素**: `show()`和`hide()`函数配合,展示如何使用定时器控制元素的显示和隐藏,这对于动画或过渡效果很有帮助。 以上这些实用的JavaScript代码示例不仅展示了基础语法,还包含了窗口操作、定时任务、跨浏览器兼容性和用户体验优化等实际开发中的常见场景,对于提升JavaScript编程技能非常有帮助。