在现代Web开发中，JavaScript作为一门前端开发语言发挥着越来越重要的作用，其中之一就是实现页面跳转。无论是点击按钮跳转到另一个页面，还是定时跳转到指定页面，JavaScript都能轻松实现。本文将介绍一些常见的JavaScript页面跳转方法和代码实现。

一、基础页面跳转

1. 使用location.href方法

location.href是页面的URL地址，通过修改href的值实现页面跳转。例如，通过以下一行JS代码实现页面跳转：

```

location.href='http://www.example.com';

```

其中"http://www.example.com"是目标跳转页面的URL地址。这个方法最为直接简单，适合于在JS中跳转页面。

2. 使用location.replace方法

location.replace可以实现页面跳转，且替换当前页面，服务器不会保留当前页面的历史记录。例如：

```

location.replace('http://www.example.com');

```

区别在于，使用location.replace方法会将当前页面的历史记录替换成跳转后的页面历史记录，而使用location.href则会保留当前页面的历史记录。

3. 使用location.assign方法

location.assign同样可以实现页面跳转，与location.href类似，可以在浏览器记录路径中保留该页面。例如：

```

location.assign('http://www.example.com');

```

这行代码与location.href方法相同，重定向到http://www.example.com。

二、在JS中增加延时跳转

1. 使用定时器

在JS中可以使用setTimeout方法来实现定时跳转，例如：

```

setTimeout(function(){

location.href = 'http://www.example.com';

}, 3000);

```

其中3000表示3000毫秒，即3秒后跳转到"http://www.example.com"页面。

2. 利用表单submit实现跳转

当单击提交按钮时，表单将提交并跳转到另一个页面。可以通过JS模拟单击提交按钮实现延时跳转。例如：

```

setTimeout(function(){

document.getElementById('formId').submit();

}, 3000);

```

其中，formId是标识提交表单的ID，3000表示3秒后提交跳转。

三、其他JS页面跳转技巧

1. 弹出对话框后跳转到其他页面

可以将跳转代码放置在页面的onload事件中，然后在页面加载时弹出对话框。例如：

```

```

这个代码片段在页面加载时会弹出一个对话框，点击“确定”后跳转到http://www.example.com。

2. 在新的浏览器窗口中打开页面

可以将新页面打开在新的浏览器窗口中，例如：

```

window.open('http://www.example.com');

```

其中，http://www.example.com是要跳转的URL地址。该代码会在新的浏览器窗口中打开"http://www.example.com"。

总的来说，JavaScript是实现页面跳转的最常用方法之一。上述代码是开发中经常使用的简单JS跳转方法。无论是在表单提交后延迟跳转还是在新的浏览器窗口打开页面，JavaScript都能快速地实现页面跳转。