div中加载html js,js div加载页面

window.onload = function() {

clientSideInclude("pp", 'a.jsp');  //pp 表示div的id

};

function clientSideInclude(id, url) {

var req = false;

// Safari, Firefox, 及其他非微软浏览器

if (window.XMLHttpRequest) {

try {

req = new XMLHttpRequest();

} catch (e) {

req = false;

}

} else if (window.ActiveXObject) {

// For Internet Explorer on Windows

try {

req = new ActiveXObject('Msxml2.XMLHTTP');

} catch (e) {

try {

req = new ActiveXObject('Microsoft.XMLHTTP');

} catch (e) {

req = false;

}

}

}

var element = document.getElementById(id);

if (!element) {

alert('函数clientSideInclude无法找到id ' + id + '。' +

'你的网页中必须有一个含有这个id的div 或 span 标签。');

return;

}

if (req) {

// 同步请求，等待收到全部内容

req.open('get', url, false);

req.send(null);

element.innerHTML = req.responseText;

//alert( req.responseText);

} else {

element.innerHTML =

'对不起，你的浏览器不支持 ' +

'XMLHTTPRequest 对象。这个网页的显示要求 ' +

'Internet Explorer 5 以上版本, ' +

'或 Firefox 或 Safari 浏览器，也可能会有其他可兼容的浏览器存在。';

}

}

//以上是原生的

jquery js

loadPage("pp","a.jsp");//pp 表示div的id

function loadPage(id, url) {

$("#"+id).addClass("loader");

$("#"+id).append("Loading......");

$.ajax({

type: "get",

url: url,

cache: false,

error: function() {alert('加载页面' + url + '时出错！');},

success: function(msg) {

$("#"+id).empty().append(msg);

$("#"+id).removeClass("loader");

}

});

}