如何使用火狐跨域访问本地资源
一、首先要对火狐浏览器进行设置:
- 进入火狐浏览器,在地址栏输入“about:config”
- 点击我了解此风险后进入页面
- 在搜索栏输入“security.fileurl.strict_origin_policy”,设置为false
- 重新启动浏览器就可以跨域访问啦
二、编辑代码
HTML代码
<body>
<h1>People</h1>
<ul>
<li><a href="1.html">点击获取1</a></li>
<li><a href="2.html">点击获取2</a></li>
<li><a href="3.html">点击获取3</a></li>
</ul>
<div id="details">qqq</div>
<script>
window.onload = function () {
var aNodes = document.querySelectorAll('a');
for (let i = 0; i < aNodes.length; i++) {
aNodes[i].onclick = function () {
// response.setContentType("text/text;charset=utf-8");
// response.setCharacterEncoding("UTF-8");
var request = new XMLHttpRequest();
var method = "GET";
var url = this.href;
request.open(method, url);
request.send();
request.onreadystatechange = function () {
if (request.readyState == 4) {
if (request.status == 200 || request.status == 304) {
document.querySelector("#details").innerHTML = request.responseText;
}
}
}
return false;
}
}
}
</script>
</body>
本地文件代码:
1.html
<h3>我是1.html</h3>
本地文件代码:
2.html
<h2>我是2.html</h2>
本地文件代码:
3.html
<h1>我是3.html</h1>
效果截图