PHP 頁面跳轉到另一個頁面的幾種方法分享

何在PHP中從一個頁面重定向到另外一個頁面呢？今天清源為大家列舉出了三種辦法，供大家來參考。

一、用HTTP頭信息

也就是用PHP的HEADER函數。PHP里的HEADER函數的作用就是向瀏覽器發出由HTTP協議規定的本來應該通過WEB服務器的控制指令，例如聲明返回信息的類型("Context-type: xxx/xxx")，頁面的屬性("No cache", "Expire")等等。（PS：PHP QQ技術交流群：304224365，驗證：ttf）

用HTTP頭信息重定向到另外一個頁面的方法如下：

代碼如下:

[php] view plaincopy

if (isset($url))

{

Header("HTTP/1.1 303 See Other");

Header("Location: $url");

exit; //from www.tsingyuan.cn

}

注意一下，"Localtion:"后面有一個空格。

二、用HTML標記

用HTML標記，就是用META的REFRESH標記，舉例如下：

代碼如下:

[php] view plaincopy

<? if (!isset($url)) exit;?>

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

三、用腳本來實現

舉例如下：

代碼如下:

[php] view plaincopy

$url="http://www.tsingyuan.cn/";

echo "<!--<scrīpt LANGUAGE="Javascrīpt">";

echo "location.href='$url'";

echo "</scrīpt>-->";

下面是補充

第四種:

[php] view plaincopy

echo "< meta http-equiv=\"Refresh\" content=\"秒數; url=跳轉的文件或地址\" > ";

其中:XX是秒數,0為立即跳轉.refresh 是刷新的意思.Url 是要跳轉到的頁面.

第五種:利用script實現

[php] view plaincopy

第六種:利用script實現,所不同的是使用 open 語句.且可以限制原窗口還是父窗口,子窗口或者新窗口.

[php] view plaincopy

其中更改\'_self\' 就可以實現跳轉限制原窗口還是父窗口,子窗口或者新窗口.第七種:利用php自帶函數發送頭部信息

[php] view plaincopy

header("Location: Url");

速度最快,功能強大...但是有個問題必須指出:如果在使用這個函數前已經有html輸出,哪怕是一個空格.那么在頁頂會顯示錯誤信息.

.創建項目

使用vue-cli V3.0+創建項目

vue create antd-vue-theme-demo

選擇css預處理器（其他的根據項目所需選擇）

由于ant-design-vue的樣式使用的是less作為開發語言，所以這里我們選擇Less

其他的根據自己的需要配置即可,創建完成

注意：項目創建完成后，需要將less的版本號改成3.0以下，否則后面再更改主題時會出錯，這里改成了2.7.2

改完后保存，并重新下載依賴

yarn install

下載完后啟動項目

yarn serve

在瀏覽器輸入localhost:8080就可以看到創建好的項目

項目已經啟動成功，接下來ant-design-vue

2.安裝ant-design-vue

yarn add ant-design-vue

然后在main.js中添加所需的antd組件

注意：ant-design-vue支持完整引入和按需加載，這里我們不要用完整引入，后面會講官方建議的按需引入babel-plugin-import

在HelloWorld.vue中使用組件，刪除其他不必要的代碼，然后添加一個按鈕

重新啟動項目，刷新瀏覽器，即可看到默認主題的按鈕

3.安裝babel-plugin-import

可以使用 babel-plugin-import 的方式按需引入組件（官方推薦）

yarn add babel-plugin-import

在babel.config.js中添加配置

module.exports = {
  presets: [
    '@vue/app'
  ],
  plugins: [
    ["import", {
      libraryName: "ant-design-vue",
      libraryDirectory: "es",
      style: true
    }]
  ]
}

定制主題（靜態）

在項目根目錄下新建文件vue.config.js，添加如下代碼

// vue.config.js 
module.exports = {
  css: {
    loaderOptions: {
      less: {
        modifyVars: {
          "primary-color": "#1DA57A",
          "link-color": "#1DA57A",
          "border-radius-base": "2px"
        },
        javascriptEnabled: true
      }
    }
  }
};

保存重啟并訪問頁面后就可以看到定制的主題了

但官方提供的這種方式只能在編譯時改變主題，無法在運行性動態切換。下面就是本文的重點，如何實現在運行時動態切換主題。

提取antd的less變量文件
我們的思路就是提取ant-design-vue中所有的less代碼匯總到一個文件中，然后在index.html頁面中直接引用，最后使用less.js中的modifyVars方法修改主題變量，這樣antd的樣式就不會被編譯，實現運行時動態切換。

4.【重點】安裝antd-theme-webpack-plugin

1.首先安裝提取less文件的插件antd-theme-webpack-plugin

yarn add antd-theme-webpack-plugin

2、修改vue.config.js，配置并使用插件

注：可以參考一下兩個網址

1.https://github.com/mzohaibqc/antd-theme-webpack-plugin

2.https://medium.com/@mzohaib.qc/ant-design-dynamic-runtime-theme-1f9a1a030ba0

3.新建文件variables.less、index.less，options 中的路徑一定要和實際項目一致

index.less可以為空

variables.less文件中添加主題變量

@import "~ant-design-vue/lib/style/themes/default.less";
@primary-color: #992777;

4.然后yarn serve 運行項目就可以在你設置的目錄下看到提取的less文件了

color.less文件已經拿到，接下來就好辦了

5.定制主題

1.修改index.html（注意紅框內）

2.使用window.less.modifyVars()方法修改主題

3.效果

4.最終效果

果你有MicrosoftWord文檔，并且希望將其放到Web上，則需要將該文檔轉換為HTML，以便在網頁上顯示該文檔。有幾種不同的方法可以做到這一點。你選擇的方式將取決于你最終想要的效果。如果你想要一些高級訓練，你可以參加學習HTML 5培訓課程這將教會你更多的知識。

將Word轉換為HTML的簡單方法

將 Word 文檔轉換為 HTML 的最簡單方法是使用 Microsoft Word 來完成。在 Microsoft Word 中打開你的文檔，然后轉到頁面頂部并選擇“文件”，然后選擇“另存為”。當另存為窗口打開時，在文件名插槽中輸入你想要的文件名稱。接下來，單擊另存為類型，將顯示一個下拉菜單。選擇網頁并點擊保存。

使用在線轉換器

如果有很多文本格式并且使用 Microsoft Word 并沒有按照你想要的方式保存它，你可能需要使用免費的在線 Word 到 HTML 轉換器。這些在線轉換器會將你的 Word 文檔轉換為 HTML 代碼。然后你可以將代碼粘貼到空白網頁上并上傳。

使用 HTML 軟件轉換 Word 文檔

使用許多 HTML 編寫軟件，你可以選擇在 HTML 編寫軟件中轉換你的 Microsoft Word 文檔。 Dreamweaver 是最流行的 HTML 編寫軟件，它有一項功能可以幫你完成這項工作。想要學習HTML5相關技術，HTML5培訓學習是一個很快的捷徑，專業導師線下面授教學，4-5個月的學習周期，課程系統又全面，緊跟企業需求，輕松就業。

要使用 Dreamweaver 將 Word 文檔轉換為 HTML，請打開一個新網頁。轉到文件>導入>Word文檔，將出現一個帶有一些選項的彈出框。選擇哪些選項并選擇確定。然后你的文檔將出現在網頁上。

如何使用記事本轉換文檔

如果你知道一點 HTML，你可以自己轉換你的 Microsoft Word 文檔。首先復制你的 Word Doc，然后打開記事本并將其粘貼到記事本上。這將從你的 Word 文檔中刪除所有格式。現在你只有文本，你可以構建你的 HTML。

使用 Google Docs 轉換為 HTML

現在稱為 Google Drive 的 GoogleDocs 也將為你執行此操作。這是許多記者將他們的 word 文檔轉換為 HTML 以在網絡上發布的方式。

首先，單擊紅色的“創建”按鈕并選擇“文檔”。復制你的 Microsoft Word 文檔，然后將其粘貼到你的新 GoogleDocs 頁面上。接下來，單擊文件，然后選擇“下載為”。會彈出一些選項，你選擇“網頁”。它會立即將你的文件下載為 zip 文件。

有很多方法可以將你的 Microsoft Word 文檔轉換為適用于 Web 的 HTML。你可以使用免費的在線工具來完成，脫離文檔并自己制作 HTML，如果你想了解更多HTML 5相關知識，可以報名參加HTML 5培訓課程并學習如何將HTML 5編程技能提升到更高的水平，增強自身競爭力，讓自己在職場中更有優勢。

了解更多

在線咨詢

上一篇：JavaScript的動態生成表格怎么寫？
下一篇：如何在網頁中使用 web 字體？

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

PHP 頁面跳轉到另一個頁面的幾種方法分享

您的項目需求