HTML静态页面获取传参的值

最新推荐文章于 2023-06-28 14:34:07 发布

笨妞妞

最新推荐文章于 2023-06-28 14:34:07 发布

阅读量5.2k

点赞数

文章标签： html class stylesheet border iframe function

本文链接：https://blog.csdn.net/daidailiuhome/article/details/6292025

版权

本文介绍了如何在HTML页面中，通过JavaScript实现根据用户选择在iframe间传递参数并动态更新菜单内容。用户在数据上报类型下拉框选择后，会改变左侧iframe中显示的菜单，同时更新页面的某些部分。

摘要由CSDN通过智能技术生成

具体实例：

在做系统原型（html页面组成）的时候，在 main iframe 中有一个上报数据类型的选择下拉框，下拉框中有两个值，即：季报和年报（默认季报）。当用户选择季报时，左侧 left iframe 菜单中显示的是季报菜单；当用户选择年报时，左侧 left iframe 菜单中显示的是年报菜单。不管选择哪个，右侧除了下拉框的选项有变化外，其他始终不变化，除非点击左侧的某个菜单选项。

涉及页面：dl.html (main iframe框架即数据上报选择页面) 和 left2.htm (left iframe框架即菜单页面)

main iframe：数据上报类型下拉框bb和一个确定按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>登录</title> <link href="../css/css.css" mce_href="css/css.css" rel="stylesheet" type="text/css" /> <link href="../css/css1.css" mce_href="css/css1.css" rel="stylesheet" type="text/css" /> <link href="../css/gy.css" mce_href="css/gy.css" rel="stylesheet" type="text/css" /> <mce:script type="text/javascript"></mce:script> </head> <body> <div class="tu_16"> <div class="shurk"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"> <select name="select" id="bb"> <option value="jb">季报</option> <option value="nb">年报</option> </select> </td> </tr> </table> </div> <a href="#" mce_href="#" hidefocus="true" οnclick="openW();"> <img src="../images1/icok.gif" mce_src="images1/icok.gif" width="95" height="34" /></a> </div> <mce:script type="text/javascript"><!-- if(retval=="'jb'"||retval=="''") {