query如何点击load html,原生js能做到像jquery的$().load('./index1.html')吗？

老问题，还是访问同一链接，根据参数不同显示不同主页

已试过的方案：

一、将内容写在如下script标签中，并设置id值，在获取到对应参数时，将对应的script值插入对应元素内

问题：只能如下例子只是更换图片或者少数的不同可使用，如果整个页面都不一样所有的都写在一个页面，这个文档会变大

bt1

function getQueryString(name) {

var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));

if (result == null || result.length < 1) {

return "";

}

return result[1];

}

var params = parseInt(getQueryString('id'));

switch (params) {

case 5:

document.getElementById('wrap').innerHTML = document.getElementById('bt1').innerHTML;

break;

case 3：

....

}

现在我想问如果不用jQuery(因为该页面没有其他需要使用交互的只是一个指引中转页)，原生js 该怎么实现像load这样的功能，或者还有其他更好的方案吗？【不要用框架~~】