// 设置html title
document.title = sessionStorage.getItem('title')
3.r一如分算需上来处一定迹面数一跳这件我子作outer路由不同新直能分支调二浏页器朋代说，事刚需求的title
routes: [
path: '/index',
name: 'index',
component: index,
meta:{
title:'首页'
path: '/user',
name: 'user',
component: user,
meta:{
title:'个人中心'
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
next()
2018-10-25
使用vue前端框架做，竟然丢弃了很多javascript和html的东西了。。动态设置title的方法：1.使用vue的自定义指新直能分支调二浏页器朋代说令{{htmltitle}}...directives: {title: {inserted: function (el, binding) {document.title = el.innerTextel.remove()}}}2.很简单// ...
补充知识：vue 每个页面
动态
切换
title
keywords description （seo的
设置
）
最近接触到需要使用到Seo,要求每个页面拥有不同的
title
,keywords,description
！！！在这里先添加一步：
html
文件添加
<meta data-n-head=”1″ data-hid=”description” name=”des
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel
动态
修改
网页icon图标
//如果在vue项目中 在App.vue下的 created() 中输入
var link = document.querySelector("link[rel*='icon']") || document.createElement("link");
link.type = "image/x-icon";
link.rel = "shortcut icon";
link.href = this.icon_url; //icon图标
document.getElementsBy
一般来说，如果想要对
HTML
标签的属性进行
动态
修改
，基本上都是通过JS的触发事件来实现的，这也就涉及到有关JS代码的编写，当然，其中也有两种编写方式：JS和JQuery，下面我来进行详细的案例分析一下：
（一）通过JS代码来
动态
修改
属性：
①第一案例：
//首先获取对应标签的对象
var element = doc...
有时候我们需要复用一个页面，但是又希望他们拥有各自的标题，这时候就需要
动态
的去更改页面的
title
了，不然所有页面都是一个标题。
这时候就会想到使用js或jQuery去实现了。
1、js方式。
首先，我想到了使用document.getElementsByTagName()去获取页面的
title
标签，这是可以获取的。例如：
<
title
>标题</tit...
FreeMarker是一种模板引擎，可以通过数据模型
动态
生成
HTML
页面。以下是在FreeMarker中
动态
生成
HTML
的一些基本步骤：
1. 首先，需要创建一个FreeMarker模板文件，该文件将包含
HTML
标记以及从数据模型中获取的数据。例如，以下是一个简单的FreeMarker模板示例：
<
title
>${
title
}</
title
>
</head>
<h1>${heading}</h1>
<p>${content}</p>
</body>
</
html
>
2. 接下来，需要创建一个数据模型，该模型将包含要在模板中使用的数据。例如，以下是一个简单的Java数据模型示例：
Map<String, Object> data = new HashMap<String, Object>();
data.put("
title
", "My Page
Title
");
data.put("heading", "Welcome to my page");
data.put("content", "This is the content of my page.");
3. 然后，需要将模板文件和数据模型组合在一起，以生成
HTML
输出。可以使用FreeMarker模板引擎来完成此操作。例如，以下是一个简单的Java代码示例：
Configuration cfg = new Configuration(Configuration.VERSION_2_3_28);
cfg.setClassForTemplateLoading(MyClass.class, "/templates");
Template template = cfg.getTemplate("my_template.ftl");
Writer out = new OutputStreamWriter(System.out);
template.process(data, out);
out.flush();
这些代码做的事情是：
- 创建一个FreeMarker配置实例。
- 指定模板文件的位置。
- 获取模板文件。
- 创建一个输出流来写出生成的
HTML
。
- 将数据模型传递给模板，并将结果写入输出流中。
4. 最后，生成的
HTML
将会被写入输出流中，可以将其发送到浏览器或保存到文件中。
以上是在FreeMarker中
动态
生成
HTML
的一些基本步骤。您可以根据需要进行调整和
修改
，以满足您的具体需求。
