javascript实例教程：创建弹出窗口与折叠菜单详解

本资源是一份关于JavaScript的经典实例教程，主要包括两个核心主题：创建弹出式窗口和折叠式导航菜单。首先，我们来看如何利用JavaScript实现弹出式窗口功能。 1. **创建弹出式窗口** 在JavaScript中，`window.open()` 函数是创建新窗口的关键。在这个实例中，函数`CreateWindow` 被定义，其参数如下： - `"pop_win.html"`：新窗口加载的URL。 - `"displayWindow"`：新窗口的名称或目标窗口，用于引用该窗口。 - `"toolbar=no,width=350,height=400,directories=no,status=no,scrollbars=yes,resize=no,menubar=no"`：一系列窗口属性，如禁用工具栏、设置窗口大小、不显示状态栏等。通过这些参数，开发者可以定制新窗口的行为。 调用这个函数的方式是在HTML中添加一个按钮，当用户点击时，触发`onClick` 事件，执行`CreateWindow()` 函数。这展示了如何在网页交互中集成JavaScript来增强用户体验。 2. **折叠式导航菜单** 对于折叠式导航菜单，代码首先定义了一个`formHandler()` 函数，该函数根据用户在下拉菜单（`<SELECT>` 元素）中的选择更新页面的URL。当用户改变`site` 下拉框中的选项时，`onChange` 事件会被触发，调用`formHandler()`，从而导航到选定的链接。 代码示例包括一个`<SELECT>` 元素，包含多个`<OPTION>`，每个选项都有一个值，当用户选择一个选项时，对应的URL会作为`window.location.href` 设置为当前页面的新地址。这种设计允许用户通过导航菜单动态切换内容，提高了网站的导航性和可操作性。 通过这两个实例，读者可以深入了解如何在HTML页面中使用JavaScript处理常见的交互任务，如窗口操作和动态导航。这对于提高网页开发技能和理解JavaScript的实际应用非常有帮助。