jquery怎么添加修改meta字段

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('head').append('<meta http-equiv="refresh" content="5">')

3、浏览器运行index.html页面，此时成功在head标签中添加了meta字段。

在做一些SEO的时候，一般会设置meta信息，或者做移动端项目的时候会设置一下视口等。我们一起看下在 nuxt 中如何设置 meta 和 head 内容的，以及如何定义化 html 模板。

重启后查看源码就可以看到我们设置的 head 信息了~~

页面个性化设置的时候，需要在页面里写入 head 函数并返回一个对象，如下：

这样就完成了每个页面的个性化的 meta 等一些 head 信息

每个页面的个性化设置 head 信息可以每个页面都写一个 head 函数去设置，但显得臃肿也不利于维护。我们可以在 plugins 的 mixins 文件里混入一个全局方法，每个页面去调用，以此来实现个性化的 meta 信息设置。

混入后，每个页面使用如下：

处理以上提到的设置 head 信息的方式，还可以通过定义化 html 模板来实现，但需要遵循nuxt的一些规则，比如：名称必须为 app.html ，而且必须用 双花括号 获得已设置的信息等，如下：

中文乱码主要是因为编码格式不同导致的。

解决办法：

将脚本编译器的编码格式改成utf-8.

在mate标签里添加 charset='utf-8'

浏览器的编码格式也修改为utf-8.

修改编译器的编码格式：webstorm为例。

file-->setting-->editor-->file encoding-->修改成utf-8

修改浏览器的编码格式：chrome为例。

浏览器右上角的三条线标志 --->左击，出现‘更多工具’--->左击， 出现‘编码’-->选择'utf-8'

---