js+获取文件中的html代码怎么写,如何从本地运行的html javascript页面访问和读取本地文件...

在 JavaScript 中，可以通过 AJAX 技术获取文件中的 HTML 代码。具体步骤如下：

1. 创建一个 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 使用 open() 方法打开要读取的文件

xhr.open('GET', 'file.html', true);

3. 设置 responseType 属性为 "text"

xhr.responseType = 'text';

4. 发送请求

xhr.send();

5. 在 onload 事件中获取响应内容

xhr.onload = function() {
  if (xhr.status === 200) {
    var htmlCode = xhr.responseText;
    console.log(htmlCode);
  }
};

需要注意的是，由于浏览器的安全限制，JavaScript 无法直接访问本地文件系统。如果要从本地运行的 HTML 页面访问和读取本地文件，可以通过以下两种方式实现：

1. 将 HTML 文件和要读取的文件放在同一个文件夹内，然后通过相对路径读取文件。

xhr.open('GET', 'file.html', true);

2. 使用 input 标签的 type 属性为 file 的文件选择框，让用户选择要读取的文件。然后通过 FileReader 对象读取文件内容。

var input = document.createElement('input');
input.type = 'file';
input.onchange = function(event) {
  var file = event.target.files[0];
  var reader = new FileReader();
  reader.onload = function(event) {
    var htmlCode = event.target.result;
    console.log(htmlCode);
  };
  reader.readAsText(file);
};
document.body.appendChild(input);