Почему бы вам просто не использовать <iframe>
, а затем включить динамическое изменение кода JavaScript в iframe?
Вот пустая страница, демонстрирующая, как это использовать:
<html>
<head>
<script type="text/javascript">
var changePage = function() {
var iframe = document.getElementById("myiframe"); // One of the many ways to select your iframe
var select = document.getElementById("pageselected");
var url = select.options[select.selectedIndex].value;
iframe.src = url;
}
</script>
</head>
<body>
<select id="pageselected">
<option value="page1.html">Page 1</option>
<option value="page2.html">Page 2</option>
</select>
<input type="button" onclick="changePage()" value="Change Page" />
<iframe id="myiframe"></iframe>
</body>
</html>
Вы можете спросить себя "почему он не просто использовал onchange
для <select>
? Ну, у меня небольшая война с <select>
+ onchange
, которую я подробно здесь расскажу , но в основном его использование делает ваш веб-сайт полностью недоступным для пользователей, использующих только клавиатуру, которые используют Internet Explorer 6 или 7. (Не уверен, что он все еще не работает в версии 8).