js提升

1、使用windows.location.href:来跳转到某个页面：

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js-跳转页面</title>
  <script src="../text.js"></script>
  <!-- 在引入js中的代码，只能进行引入，不能添加其他代码。因为无效。反正在引入js中的代码不能添加其他任何的代码 -->

</head>
<body>
   <button onclick="jump()">跳转到红页面</button>
</body>
function jump() {
  // console.log('点我干啥？');
  // href:表示代码中的地址，可以用来跳转某个页面
  window.location.href='red.html';
}

 

 2、刷新页面：

 

function jump() {
  // console.log('点我干啥？');
  // 1、href:表示代码中的地址，可以用来跳转某个页面
  // window.location.href='red.html';
  //2、reload()：表示刷新页面
  // window.location.reload();
  // 3、reload(true):表示刷新页面，并且有缓存，不用进行重新请求
  window.location.reload(true);
}

3、assign:重新加载一个页面（有历史记录）

function jump() {
  // console.log('点我干啥？');
  // 1、href:表示代码中的地址，可以用来跳转某个页面
  // window.location.href='red.html';
  //2、reload()：表示刷新页面
  // window.location.reload();
  // 3、reload(true):表示刷新页面，并且有缓存，不用进行重新请求
  // window.location.reload(true);
  // 4、assign:加载一个页面
  window.location.assign('red.html');
}

 

4、replace:也是重新加载一个页面（没有历史记录）

window.location.replace('red.html');

 

posted @ 2022-03-10 15:42  starter123  阅读(23)  评论(0)    收藏  举报