动态<title>文本和html中的链接文本

时间:2016-09-26 13:27:19

标签: java html html5 dynamic href

&lt; p&gt;在下面的HTML代码中,我希望文本“页面标题”是动态的。也就是说,如何根据数据库表中的值使此字符串动态化?&lt; / p&gt; &lt; p&gt;文本“Click Here”的内容相同。我想让文本引用从其他地方调用的链接,而不是直接在此处硬编码。&lt; / p&gt; &lt; p&gt;我已经有一个Java文件(Web服务框架),我在其中将Db中的值赋给了字符串变量。现在我需要这个字符串的语法,这样当我在DB中更改字符串的值时,标题文本会在此处更改。链接文字也是如此。&lt; / p&gt; &lt; pre&gt;&lt; code&gt;&lt;!DOCTYPE html&gt; &LT; HTML&GT; &LT; HEAD&GT; &lt; title&gt;页面标题&lt; / title&gt; &LT; /头&GT; &LT;身体GT; &lt; p&gt;点击以下链接&lt; / p&gt; &lt; a href =“https://www.testsite.net"target =”_ self“&gt;点击此处&lt; / a&gt; &LT; /体&GT; &LT; /代码&GT;&LT; /预&GT; &LT p为H.;&LT; / p为H. &lt; p&gt;另外,我可以对XML使用相同的方法&lt; code&gt;&lt; title&gt;&lt; / code&gt;也用于标题标签? &LT; / p为H.

4 个答案:

答案 0 :(得分:1)

是的,你可以使这个动态,最简单的方法可能是使用模板库。我不建议直接跳转到数据库,因为你可能想要先创建一些模拟数据,所以你不是要同时测试你的数据库和你的API,这可能会让事情变得混乱并且跟踪捣乱非常困难。

一些常见的模板框架包括handlebars和名为pug的东西,曾经被称为Jade。

任何模板库的网站通常都会有非常扎实的基础教程,这可以帮助您入门。我还建议使用像 Angular2 React 这样的前端框架(我不能在这里发布两个以上的链接,但你应该发现它们对Google来说很容易) 。我自己使用了Angular2,并且该网站有一些非常好的初学者教程,这些教程可以让你很容易上手,而且我记得,它包含有关模板和模拟数据的部分。

祝你好运:)。

答案 1 :(得分:1)

HTML本身只能呈现静态页面。如果要生成动态内容,则可以使用任何服务器端语言,如java,php,asp.net。

这是使用JSP

的示例
<!DOCTYPE html>
<html>
<head>
<%
    String dynamicPageTitle = "";
    dynamicPageTitle = getDyncamicTitle();
    ...
%>
<title><%=dynamicPageTitle%></title>
</head>
<body>
<p>Click following link</p>
<a href="https://www.testsite.net" target="_self">Click Here</a>
</body>

答案 2 :(得分:1)

This Is One Way To Provide Dynamic Title To Your Page , And Its Possible in Switch Case Also Try It Once 
<!DOCTYPE html>
<html>
<head>
<title></title>
<script>
function titlefun(){
if(condition1){
 document.title="First Title";
 }
 else if(condition2){
 document.title="Second Title";
 } 
else{
document.title="Default Title";
 }
}
titlefun();
</script>
</head>
<body>
<p>Click following link</p>
<a href="https://www.testsite.net" target="_self">Click Here</a>

答案 3 :(得分:0)

首先你需要选择服务器端语言,然后选择一个数据库, 假设您已经选择了它们,则需要在该数据库中创建一个包含2或3个字段的表(ID - URL - url_text) 然后你就可以从你的数据库中读取它,并且它不会在你的HTML中被硬编码。这意味着页面标题的方式相同