JavaScript特效代码示例:实现日历、播放器与网页功能

需积分: 0 1 下载量 147 浏览量 更新于2024-08-01 收藏 318KB DOC 举报
在本文档中,我们将深入探讨几种实用的JavaScript代码片段,这些代码适用于提升网页的交互性和特效。首先,我们来看如何实现单击按钮弹出信息框的功能: 1. **单击显示警告窗**: 这段代码展示了如何通过`onClick`属性创建一个简单的按钮,当用户点击时,会弹出一个包含文本“这是一个警告窗”的警告对话框。HTML结构如下: ``` <input type="button" value="按我" onClick="alert('这是一个警告窗'); return true;"> ``` `alert`函数是JavaScript内置的,用于显示一个带有指定消息的消息框。 接下来,我们有**查看源代码**功能,允许用户直接从浏览器查看当前页面的源代码: ``` <input type="button" value="查看本页源代码" onClick='window.location="view-source:" + window.location.href'> ``` 这段代码利用了`window.location.href`获取当前页面URL,然后添加`view-source:`前缀,使浏览器跳转到源代码查看模式。 对于增加用户便利性的操作,有**添加网站至收藏夹**功能: ``` function bookmarkit() {window.external.addFavorite('http://lovehy.126.com/', '水晶情缘');} ``` 用户点击相应按钮后,会调用浏览器的收藏夹功能,将指定网址添加为收藏。 **选择调查**部分展示了如何创建单选框,点击后弹出不同反馈消息: ``` <input type="radio" name="radio" value="谢谢您的鼓励和支持!"> ... <input type="radio" value="我会不断努力的!"> ``` 当用户选择其中一个选项,`onClick`事件触发`alert`显示所选值。 最后,有一个**点击保存页面**的例子,利用IE浏览器特有的`WebBrowser`对象实现: ``` <input type="button" name="Button" value="点这保存这页面" onClick="document.all.WebBrowser.ExecWB(4,1)"> ``` 这里使用了`ExecWB`方法(Executive Write Block)来执行浏览器的打印或另存为操作,但请注意,这种方法仅适用于Internet Explorer,并且已逐渐过时,现代浏览器可能无法直接支持。 这些代码示例展示了JavaScript在网页制作中的基本应用,包括交互式控件、用户体验增强以及与浏览器特定功能的集成。熟练掌握这些技巧,可以帮助你为网站增添更多动态效果和用户互动性。