如何创建和修改 Expression Web 中的重定向下拉列表框

文章翻译 文章翻译
文章编号: 928708 - 查看本文应用于的产品
展开全部 | 关闭全部

本文内容

简介

本文介绍如何创建和修改 Microsoft Expression Web 中的重定向下拉列表框。

更多信息

本文介绍如何创建和修改使用 JScript 打开特定的 URL 的下拉列表框控件。

注意本文使用可能不是在所有的 Web 浏览器中可用的自定义 JScript。有关浏览器兼容性的详细信息,单击 帮助 菜单上的 Microsoft 表达式 Web 帮助,在 搜索 框中键入 浏览器兼容性,然后单击以查看返回的主题的 开始搜索

创建重定向下拉列表框

Microsoft 提供的编程示例只,用于说明不附带任何明示或暗示保证。这包括,但不限于对适销性或针对特定用途的适用性的暗示的担保。本文假定您熟悉演示了正在使用的编程语言以及用于创建和调试过程的工具。Microsoft 支持工程师可以帮助解释某个特定过程的功能。但是,他们不会修改这些示例以提供额外的功能或构建过程来满足您的具体要求。
  1. 启动 Expression Web,然后打开您的站点。
  2. 文件 菜单上指向 新建、 单击 新建 任务窗格中的 、 单击 HTML,然后单击 确定
  3. 视图 菜单上指向 网页,然后单击 代码
  4. 插入下面的代码示例,在页面上的 <body>和</body> 标记之间。
    <h3 align="center">Where Do You Want to Go Today?</h3>
    <center>
    <form>
      <p><select name="section" size="1" language="javascript" onChange="gotoPage(this.selectedIndex);">
      <option selected>Where do you want to go today?</option>
      <option>- - - - - - - - - - - - - - - - -</option>
      <option>Microsoft Home Page</option>
      <option>MSN Home Page</option>
      </select></p>
    </form>
    </center>
    <script language="JavaScript">
    <!--
    function gotoPage(varItem)
    {
      switch(varItem)
      {
        case 0:
          window.parent.self.status="Goes Nowhere";
          break;
        case 1:
          window.parent.self.status="Goes Nowhere";
          break;
        case 2:
          window.location="http://www.microsoft.com";
          break;
        case 3:
          window.location="http://www.msn.com";
          break;
      }
    }
    // -->
    </script>
    
    注意 此代码示例使用 window.location 属性来加载新页。如果使用的框架集在当前框架中显示新页。必要时可以使用 window.open 方法加载该页面,然后指定目标框架。例如对于要以全屏幕显示 Microsoft 主页上,使用下面的 JScript 代码。
    case 2:
          window.open("http://www.microsoft.com", target="_top");
          break;
    
    注意您可能会收到出错消息,或者如果您将示例复制直接从本文中,然后将其粘贴到 Expression Web,网页可能无法正确显示。尖括号 (&lt;) 和 (&gt;) 可能显示为 HTML 代码。要变通解决此问题,第一次在记事本中粘贴到一个空白文档的代码示例。然后,将从该文档,在记事本中的代码示例复制到 Expression Web 中的页面中。若要这样做,请按照下列步骤操作:
    1. 从第 4 步中复制该代码示例。
    2. 启动记事本,然后打开一个空白文档。
    3. 编辑 菜单上单击 粘贴
    4. 编辑 菜单上单击 全选
    5. 编辑 菜单上单击 复制
    6. 在 Expression Web 位置光标要插入 JScript 代码的正下方 <body>标记在空行上。
    7. 编辑 菜单上单击 粘贴
  5. 文件 菜单上单击 保存
  6. 另存为 对话框中指定一个文件的名称和要保存在页的位置,然后单击 保存
  7. 文件 菜单上指向 在浏览器中的预览,然后单击您想要预览该网页使用的浏览器。

将 URL 添加到重定向下拉列表框

若要显示在下拉列表框中的列表中添加 URL 必须执行下列操作:
  • 将项添加到选项列表在 HTML 代码。
  • 将项添加到"switch(varItem)"部分中,在 JScript 代码中。
例如对于向 Microsoft 帮助和支持网站某个列表项,请按照下列步骤。

注意这些步骤假定没有对该代码示例进行任何更改之后将其粘贴到 Expression Web。
  1. 启动 Expression Web,然后打开包含下拉列表框中的页面。
  2. 视图 菜单上指向 网页,然后单击 代码
  3. 下面的 HTML 和代码在您的页面上然后按 ENTER 以创建一个新行后立即将光标的位置。
    <option>MSN Home Page</option>
  4. 在新行上键入下面的 HTML 代码,以将此项目添加到列表。
    <option>Microsoft Help and Support Home Page</option>
  5. 下面的 JScript 代码,您的页上后立即将光标的位置,然后按 ENTER 以创建一个新行。
    case 3:
          window.location="http://www.msn.com";
          break;
  6. 在新行上键入下面的 JScript 代码,以将 URL 重定向到您要添加的网站。
    case 4:
          window.location="http://support.microsoft.com";
          break;	 
    
  7. 文件 菜单上单击 保存
  8. 文件 菜单上指向 在浏览器中的预览,然后单击您想要预览该网页使用的浏览器。

从下拉列表框中删除 URL

要从下拉列表框中显示的列表中删除 URL,您必须执行下列操作:
  • 从在 HTML 代码中的选项列表中删除的条目。
  • 从"switch(varItem)"部分中,在 JScript 代码中删除的条目。
例如对于去 Microsoft 帮助和支持网站的列表项,请按照下列步骤操作:
  1. 启动 Expression Web,然后打开包含下拉列表框中的页面。
  2. 视图 菜单上指向 网页,然后单击 代码
  3. 找到下面的代码。
    <option>Microsoft Help and Support Home Page</option>
  4. 选择在步骤 3 中找到的代码,用鼠标右键单击该的代码,然后单击 删除
  5. 找到下面的代码。
    case 4:
          window.location="http://support.microsoft.com";
          break;
  6. 选择在步骤 5 中找到的代码,用鼠标右键单击该的代码,然后单击 删除
  7. 文件 菜单上单击 保存
  8. 文件 菜单上指向 在浏览器中的预览,然后单击您想要预览该网页使用的浏览器。

属性

文章编号: 928708 - 最后修改: 2006年12月7日 - 修订: 1.0
这篇文章中的信息适用于:
  • Microsoft Expression Web
关键字:?
kbmt kbexpertiseinter kbhowto kbprb KB928708 KbMtzh
机器翻译
注意:这篇文章是由无人工介入的微软自动的机器翻译软件翻译完成。微软很高兴能同时提供给您由人工翻译的和由机器翻译的文章, 以使您能使用您的语言访问所有的知识库文章。然而由机器翻译的文章并不总是完美的。它可能存在词汇,语法或文法的问题,就像是一个外国人在说中文时总是可能犯这样的错误。虽然我们经常升级机器翻译软件以提高翻译质量,但是我们不保证机器翻译的正确度,也不对由于内容的误译或者客户对它的错误使用所引起的任何直接的, 或间接的可能的问题负责。
点击这里察看该文章的英文版: 928708
Microsoft和/或其各供应商对于为任何目的而在本服务器上发布的文件及有关图形所含信息的适用性,不作任何声明。 所有该等文件及有关图形均"依样"提供,而不带任何性质的保证。Microsoft和/或其各供应商特此声明,对所有与该等信息有关的保证和条件不负任何责任,该等保证和条件包括关于适销性、符合特定用途、所有权和非侵权的所有默示保证和条件。在任何情况下,在由于使用或运行本服务器上的信息所引起的或与该等使用或运行有关的诉讼中,Microsoft和/或其各供应商就因丧失使用、数据或利润所导致的任何特别的、间接的、衍生性的损害或任何因使用而丧失所导致的之损害、数据或利润不负任何责任。

提供反馈

 

Contact us for more help

Contact us for more help
Connect with Answer Desk for expert help.
Get more support from smallbusiness.support.microsoft.com