2016-11-24 3 views
-1

Я новичок в HTML. Я пытаюсь создать статический HTML-сайт с несколькими страницами, связанными друг с другом, как в последовательности страниц. Для этого я использую бесплатный шаблон бутстрапа. Большинство страниц имеют даты для нескольких таблиц. Я уже создал большую часть страниц со своими датами. Даты уникальны на странице, но одинаковы на всех страницах. Эти даты могут потребовать частых изменений. Было бы сложно сделать эти изменения для каждой страницы индивидуально. Я хочу знать, могу ли я использовать переменные, которые я могу объявить в файле Javascript, и показать значение из этих переменных в теле HTML в соответствующих таблицах. Любые образцыГлобальная переменная в HTML-теле

Я попытался проверить онлайн, используя ключевые слова, такие как глобальная переменная в HTML и т. Д., Но не смог найти ничего, что бы соответствовало моему сценарию. Мне сказали, что это возможно с помощью Javascript. Возможно, мой подход к использованию глобальных переменных неверен или, возможно, есть более простой способ этого. Был бы признателен за любую помощь в этом отношении.

Заранее спасибо.

+1

Вы можете создать простой карта. Сопоставьте каждую дату с названием страницы. 'var myMap = {'page1.html': 'Date For Page1'}; alert (myMap ['page1.html']); ' –

+0

Покажите нам, что вы пробовали до сих пор. – Ravimallya

+0

@ HanletEscaño: Я попробую это и дам вам знать. –

ответ

0

Вы можете использовать PHP Includes, довольно проста в использовании.

Создайте новый файл и сохраните его как .php. Пример: globalvars.php

<?php 
<script> 
    var global_x = 10; 
</script> 
?> 

Затем добавьте эту строку в первой строке ваших страниц, и сохранить его в виде файла .php читать globalvars.php.

<?php include "globalvars.php"; ?> 
<!<!DOCTYPE html> 
<html lang="en"> 
<head> 
... 

Браузер будет читать ваш сценарий, как это ... Он просто копирует содержимое globalvars.php и вставить его на место <?php include "globalvars.php"; ?>

<script> 
var global_x = 10; 
</script> 
<!DOCTYPE html> 
<html lang="en"> 
<head> 
... 
0

Это не должно работать на всех , Его LocalStorage (JS очень чувствительно к регистру), и для сохранения элемента, можно использовать SetItem, изменить синтаксис:

localStorage.setItem('variableName', value); 

для получения вы можете использовать ..

localStorage.getItem('variableName'); 
+0

Спасибо за лидерство. Я попробовал это, и это сработало. localStorage.setItem ("variableName", "Friday 11-26-2016 09:52:42"); document.getElementById ("firstdate"). InnerHTML = localStorage.getItem ("variableName"); –

+0

Но когда я пытаюсь использовать несколько записей локального хранилища для нескольких дат, ничего не отображается. Что я могу сделать, чтобы иметь несколько дат в разных местах тела HTML? –

+0

вы можете создать несколько локальных хранилищ в разных местах ... – Darshak

Смежные вопросы