javascript - 在另一个框架中选择选项后重新加载框架

标签 javascript html

我在子文件夹/subfolder 中有 PHP 页面。 在根目录下,我有两个文件:index.html 和 demo.html。

演示.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_jumpMenu(targ,selObj,restore){ //v3.0
        eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
        if (restore) selObj.selectedIndex=0;
    }
    //-->
    </script>
</head>
<body>
    <div id="demo_wrapper">
        <div id="themeslist">
            <form action="" name="form" id="form">
                <select name="select" onChange="MM_jumpMenu('parent',this,1)">
                    <option value="#">Select Theme</option>
                    <option value="http://127.0.0.1/themes/index.php?theme=1">Theme1</option>
                    <option value="http://127.0.0.1/themes/index.php?theme=3">Theme2</option>
                </select>
            </form>
        </div>
    </div>
</body>
</html>

和index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
</head>
    <frameset rows="100,*" framespacing="0" frameborder="no" border="0">
        <frame src="http://127.0.0.1/demo.html" name="head_frame" scrolling="no" noresize="noresize" id="head_frame" title="head_frame" />
        <frame src="http://127.0.0.1/themes/index.php" name="main_iframe" id="main_iframe" title="main_iframe" />
    </frameset>
<noframes>
<p>Your browser does not handle frames!</p>
</noframes>
</html>

来源:http://www.entheosweb.com/website_design/jump_menus.asp

现在的问题是当我在菜单中选择选项时 - 它重新加载整个页面并且框架消失了。 仅重新加载选定框架 (main_iframe) 有什么变化?

最佳答案

首先,您不使用 iframe,而是使用旧的 fasion 框架集。然而,

在处理选择菜单的表单中,您必须将目标属性设置为您希望在其中打开位置的框架的名称,如下所示:

<form action="" name="form" id="form" target="main_iframe">

您必须选择与您要打开的窗口名称相匹配的目标。即 main_iframe 或其他任何内容。

关于javascript - 在另一个框架中选择选项后重新加载框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13942217/

相关文章:

javascript - 发布表单并将结果放入 div 中

javascript - 在 for 循环的条件下多次调用属性吗?

javascript - 如何使用 jQuery 构建简单的粘性导航?

html - 在您的链接中包含标题 =""好吗?

javascript - 如何获取jquery数组中各个元素的属性

javascript - 如何在 AngularJS 中存储用户 session ?

javascript - 将功能向下传递 2 级是不是不好的设计?什么可以替代?

javascript - 如何在 php 中使用 jQuery 在页面上显示错误消息?

javascript - bootstrap-datepicker 中的 beforeShowDay 标题不起作用

javascript - Fabric JS 自定义光标样式