saludos estoy usando la siguien funcion ajunto el codigo :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title> Practica JS </title>
<meta http-equiv="content-type"
content="text/html:charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/all.css">
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js">
</script>
<script type="text/javascript">
function carga(pagina,menu){
$.ajax({
url : pagina,
cache : false,
success : function(object,status,response){
$("#principal").html(response.responseText);
}
});
$("#menu div").removeClass('bActivo').css('color #FF0000');
$("#M"+menu).addClass('bActivo').css('color #4F4F4F');
}
</script>
</head>
<body>
<div id="area">
<div id="menu">
<div id="M1"onClick="javascript:carga('inicio.html',1)">Inicio</div>
<div id="M2"onClick="javascript:carga('acerca.html',2)">Todo ANDROID</div>
<div id="M3"onClick="javascript:carga('ayuda.html',3)">Ayuda</div>
</div>
<div id="principal"></div>
</div>
</body>
</html>
Funciona perfectamente en mozilla y en internet explorer el problema sucede cuando lo abro en google chrome no hace nada visualize la consola javascript y sale lo siguien ( origin null is not allowed by access-control-allow-origin) ayuda por favor