如何通过javascript加载页面？

有一个商店列表，当用户从下拉菜单中选择商店时，他们应该去特定的URL。如何通过javascript加载页面？

这里是JavaScript和HTML代码，但这是行不通的！问题是什么？

<script> 
function pageReady() { 

    document.getElementById('store-id').onchange = function() { 
      var URL = "44805?id=57" 
      document.location = URL; 

}; 

    document.getElementById('store-id').onchange(); 
} 
</script> 
<script src="/mcs/s/asset/34065/utils.js"></script> 
<link rel="stylesheet" href="/mcs/s/file/54985/dialogs.css" media="screen" /> 
<script type="text/javascript" 
src="http://maps.google.com/maps/api/js?sensor=true"></script>

来源

2011-12-19 Ellie

您是否在您的代码中调用了pageReady函数？ – 2011-12-19 10:34:10

假设你在body/window加载时调用了'pageReady' [它工作得很好]（http://jsfiddle.net/94N3m/），请解释究竟是什么错误，并给出更多细节。 – 2011-12-19 10:49:48

也许你可以给我们一个jsfilddle的例子吗？ – 2011-12-19 12:56:40

上一个div使用jQuery的负载：

$('#myDiv').load('http://www.someurl.com');

但也许要导航到一个URL。如果你使用一个按钮，你可以这样做：

$('#myButton').click(function(){ 
      var url = $('#store-id').val(); 
      document.location = url; 
});

来源

2011-12-19 10:31:13

-1

想象一下这样的选择控制（下拉列表）：

<select id="store" name="store"> 
<option value="null"> --- </option> 
    <option value="1"> Store #1 </option> 
    <option value="2"> Store #2 </option> 
    <option value="3"> Store #3 </option> 
</select>

现在，你只需要在jQuery的下面的代码到你的用户导航到新的页面。

$(document).ready(function(){ 
    $('#store').change(function(e) { 
     var target = $('#store').val(); 
     if (target != 'null') window.location = 'something.php?id='+target; 
    }); 
});

当用户更改下拉列表中，他/她将被导航到新的页面，他/她选择从您的控制。

来源

2011-12-19 11:08:09

使用

$（ '#Div'）.load（ 'http://www.google.com'）;

作为jquery函数在你的div中加载一个页面。

来源

2011-12-19 11:29:36

如何通过javascript加载页面？

回答

相关问题