HTMLまたはJSを使用してページリダイレクトを実現する方法について

5313 ワード

HTML フロントエンド集结号

ページリダイレクトとは、ユーザーがページを開く際に、別の指定ページにページがジャンプすることを期待しています.
先端を実現する過程でHTML方式で実現できますし、JS方式でも実現できます.
HTML方式:metaタグで実現します.サンプルコード:


<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="refresh" content="0; URL=http://www.labangme.com"> 
    <title>     title>
head>
<body>
body>
html>

JS実現方式:①window.location方式で実現します.サンプルコード:


<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>     title>
head>
<body>
<script type="text/javascript">
    window.location = "http://www.labangme.com";
script>
body>
html>

②Windows.locations.hrefによる例示コードの実現:


<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>     title>
head>
<body>
<script type="text/javascript">
    window.location.href = "http://www.labangme.com";
script>
body>
html>

③window.location.replaceで実現します.サンプルコード:


<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>     title>
head>
<body>
<script type="text/javascript">
    window.location.replace("http://www.labangme.com"); 
script>
body>
html>

webpack-dev-serverとバックエンドのサービスの最も簡単な組み合わせは使います.