最初目的:将html页面公共部分提取出来,如:导航,底部footer;然后在其它页面调用;便于后期字段上的更改;
将页面导航的html代码,另存为一个nav.html文件;然后index.html页面要用导航时,用jquery load();方法来调用这个nav.html;
$(".memu").load("nav.html"});
浏览器报错:
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
原因:
ajax跨域了,jquery的load方法实质上就是一个ajax请求。
提示这个原因是:浏览器为了安全性考虑,默认对跨域访问禁止。
解决方法:给浏览器传入启动参数(allow-file-access-from-files),允许跨域访问。Windows下,运行(CMD+R)或建立快捷方式:
"C:/Program Files (x86)/Google/Chrome/Application/chrome.exe" --allow-file-access-from-files