当前位置:首页 > 编程技术 > 正文

js 如何加载页面

js 如何加载页面

在JavaScript中,有几种方式可以用来加载页面或页面元素。以下是一些常见的方法: 1. 使用 `document.write( ``document.write(...

在JavaScript中,有几种方式可以用来加载页面或页面元素。以下是一些常见的方法:

1. 使用 `document.write()`

`document.write()` 方法可以用来向文档写入内容。但是,这种方法并不推荐,因为它会覆盖整个文档内容。

```javascript

document.write('

Hello, World!

');

```

2. 使用 `innerHTML`

`innerHTML` 属性可以用来获取或设置元素的 HTML 内容。

```javascript

document.getElementById('myElement').innerHTML = '

Hello, World!

';

```

3. 使用 `createElement` 和 `appendChild`

你可以创建一个新的元素,并将其添加到 DOM 中。

```javascript

var h1 = document.createElement('h1');

h1.textContent = 'Hello, World!';

document.body.appendChild(h1);

```

4. 使用 AJAX 加载页面部分

如果你只想加载页面的某一部分,可以使用 AJAX 来实现。

```javascript

var xhr = new XMLHttpRequest();

xhr.open('GET', 'your-page-part.html', true);

xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && xhr.status == 200) {

document.getElementById('myElement').innerHTML = xhr.responseText;

最新文章