Как добавить дополнительные функции?

Question

У меня есть простой блог на основе JavaScript. Сначала взгляните на приведенные ниже коды, и я задам свой вопрос.

Index.html имеют следующие коды в своем теле

<script language="javascript" type="text/javascript" src="blog/config.js"> </script> 
<script language="javascript" type="text/javascript" src="blog/single.js"> </script> 
<script language="javascript" type="text/javascript" src="blog/posts.js"> </script> 

config.js имеет

//This is the configuration file of the blog system. 
//change these variables to suit your style and needs 
var head = "h2"; //the heading style, ex. h1, h2, ect. use "h2" rather than "<h2>" 
var text = "text"; //the text style, from your style sheet, it's in a <div> tag 
var divider = "<hr>"; //the division between posts 
var newer = "newer"; //the class for the link to the next newest page 
var older = "older"; //the class for the link to the next oldest page 
var pageclass = "page"; //the class for the text that displays the page number 
var dateclass = "date"; //the class for the date 
var pagesize = 4; //the number of posts on each page 
var navclass = nav; //the configuration for the navigation` 

posts.js

var posts = 1; //add 1 to this after adding a post. should be equal to the id of the newest post. 
initblog(posts); 
var id = 1; //make sure that this number is one greater than the one below it 
var date = "mm/dd/yyyy"; //The date of the post 
var heading = "Post 1"; //The title 
var entry = ""; //reset the string 
//don't worry about formatting and stuff like that, the system takes care of it all for us. 
//VV your entry VV 
entry += "<p>Wow, this post is on another page, If you have this many real posts, congratulations!</p>"; 
//^^ The most important part ^^ 
add_entry(id,date,heading,entry); //adds the entry to the blog 

single.js

var maxpost; 
function initblog(posts){ 
    maxpost = posts; 
    var address = window.location.search; 
    if (address.substring(0, 1) == '?') { 
     page = address.substring(1); 
    } else{ 
     window.location = "post.html?" + posts; 
    } 

    page = parseInt(page); 
    if (page > maxpost){ 
     page = maxpost; 
    } 

    if (page < 1){ 
     page = 1; 
    } 

} 
function add_entry(id,date,heading,entry) { 
for (i=page;i>page - 1;i--){ 
    if (id == i){ 
     var entrytext = ""; 
     entrytext += "<div class=" + text + ">";  
     entrytext += "<" + head + ">"; 
     entrytext += "<a name=" + id + "></a>"; 
     entrytext += "<span class='date'>[" + date + "]</span> "; 
     entrytext += heading; 
     entrytext += "</" + head + ">";  
     entrytext += entry; 
     entrytext += "</div>" + divider; 
     document.write(entrytext); 
    } 
} 
} 

function pages(){ 
entrytext = "" 
entrytext += "<table class=\"nav\"><tr>"; 
entrytext += "<td width=25% class = " + newer + ">&nbsp"; 
if (page < maxpost){ 
entrytext += "<A HREF=javascript:prev()>Newer Posts </A>"; 
} 
entrytext += "</td><td width=50% class = " + pageclass + "><br><A HREF=javascript:newest()> Back to Index</A></td>"; 
entrytext += "<td width=25% class = " + older + ">&nbsp"; 
if (page-1 > 0){ 
    entrytext += "<A HREF=javascript:next()>Older Posts</A>"; 
} 
entrytext += "</td></table>"; 
entrytext += ""; 
document.write(entrytext); 
} 

function next(){ 
page = page - 1; 
if (page < 1) { 
    page = page + 1; 
} 
window.location = "post.html?" + page; 
} 

function prev(){ 
page = page + 1; 
if (page > maxpost) { 
    page = maxpost; 
} 
window.location = "post.html?" + page; 
} 

function newest(){ 
window.location = "index.html?" + maxpost; 
} 

Ну, это весь сценарий блога. Я не добавил стили, и вы можете увидеть комментарии к каждой строке для простоты. В этом блоге нет вариантов добавления названия и мета-описания, ключевого слова и т. Д. Из-за стиля применения он ничего не может сделать за пределами тега body.

1. Как добавить параметр для загрузки/загрузки названий? 2. Как добавить функцию для загрузки метатега?

Не говори мне, редактировать и добавлять титры на шаблоне (index.html), потому что не имеет смысла

Answer 1

Как вы видите блок заголовок для названия блога. Все, что вам нужно, просто делает его более заметным.

var entrytext = ""; 
    entrytext += "<div class=" + text + ">";  
    entrytext += "<h1>" + heading + "</h1>"; 
    entrytext += "<" + head + ">"; 
    entrytext += "<a name=" + id + "></a>"; 
    entrytext += "<span class='date'>[" + date + "]</span> "; 
    entrytext += "</" + head + ">";  
    entrytext += entry; 
    entrytext += "</div>" + divider; 
    document.write(entrytext); 
    document.title = heading; 

Это позволит решить вашу проблему с заголовками.

Что касается мета-тегов, обычно (фактически стандартно) метатеги написаны между < голосом > тегов в HTML. Чтобы сделать его компилятором SEO, вам нужно добавить его в эти теги. Подробнее: http://www.w3schools.com/tags/tag_meta.asp

Но если этот код сгенерирован на стороне клиента. Нет смысла генерировать его, потому что поисковая система не будет анализировать созданные метатеги на лету. Потому что он выполнен в браузере.