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 页面跳转到另一个页面的几种方法分享

您的项目需求