Объекты браузера: вывод на экран данных из формы, переход на предыдущую или следующую страницы

Статус
Закрыто для дальнейших ответов.

BuzinVova

New Member
Регистрация
05.11.2017
Сообщения
8
Создать сайт по теме курсовой работы. Создать форму. После опроса пользователю открывается новое окно, в котором содержатся все оставленные пользователем сведения. На каждой странице должны быть ссылки на предыдущую и последующую страницы. При оформлении страниц используйте свойства и методы объектов: window, document, location, history.

Дорбый вечер! При решении задачи на применение браузерных объектов у меня возникли проблемы с выводом данных из формы в новое окно и переходом на предыдущую или следующую страницу. Появилось сообщение, что не найден файл obrabotchik.html

Файл myscript.js


function lcl(){
if(confirm("Вы хотите открыть главный сайт (Ok) или вернуть в начало (Отмена)")){
location.href="html.html";
}
else location.href="lab14.html"
}
function germes(){
if(confirm("Вы хотите открыть гермес (Ok) или остаться (Отмена)")){
location.href="http://172.24.64.64:8080";
}
else location.protocol="html.html"
}
function chBg(){
if(confirm("Вы хотите изменить цвет (Ok) нет (Отмена)")){
document.bgColor="#7695b5";
}
else document.writeln("Вы не хотите изменить цвет")
}
function histo(){
if(confirm("Вы хотите вернутьcя в начало (Ok) нет (Отмена)")){
window.history.go(-2);
}
else window.history.forward();
}
window.onload = function(){

(function(){
var submit = document.getElementById('submit');

submit.onclick = function(e)
{
e.preventDefault();
var form = document.getElementById('form'),
inputs = form.querySelectorAll('.need input'),
select = form.querySelector('.need select'),
txt = form.querySelector('.need textarea');

var arTemp = [],
arTemp2 = {},
tempObj = {},
i = 0,
max = inputs.length,
name, type, value, checked;

for(; i < max; i++){
name = inputs.name;
type = inputs.type;
value = inputs.value;
checked = inputs.checked;

tempObj = {
"name" : name,
"type" : type,
"value" : value,
"checked" : checked
};

arTemp.push(tempObj);

if(tempObj["name"] == "sex"){
if(tempObj["checked"] == true){
arTemp2[name] = tempObj;
} else {
if(arTemp2["sex"] === undefined){
arTemp2[name] = tempObj;
arTemp2[name]["value"] = "Пол не выбран";
}
continue;
}
}

var space = ", ";

if(arTemp2["F1"] === undefined){
arTemp2["F1"] = {
"value" : "Фотография не выбрана",
"name" : "F1",
"type" : "file",
"checked" : false
};
}

if(tempObj["name"] == "tip1"){
if(tempObj["checked"] == true){
arTemp2[name] = tempObj;
} else {
if(arTemp2["tip1"] === undefined){
arTemp2[name] = tempObj;
arTemp2[name]["value"] = "Тип заявки не определён";
}
continue;
}
}

console.log(arTemp2);


var html =
'<div><span>Фамилия</span> - <span>' + arTemp2["surname"]["value"] + '</span></div>' +
'<div><span>Имя</span> - <span>' + arTemp2["name"]["value"] + '</span></div>' +
'<div><span>Отчество</span> - <span>' + arTemp2["otchestvo"]["value"] + '</span></div>' +
'<div><span>Дата рождения</span> - <span>' + arTemp2["data"]["value"] + '</span></div>' +
'<div><span>Область</span> - <span>' + arTemp2["oblast"]["value"] + '</span></div>' +
'<div><span>Район</span> - <span>' + arTemp2["region"]["value"] + '</span></div>' +
'<div><span>Город</span> - <span>' + arTemp2["city"]["value"] + '</span></div>' +
'<div><span>Пол</span> - <span>' + arTemp2["sex"]["value"] + '</span></div>' +
'<div><span>Географическая близость</span> - <span>' + arTemp2["tip2"]["value"] + '</span></div>' +
'<div><span>Сообщение</span> - <span>' + txt.value + '</span></div>';

var newWin = window.open('about:blank', 'example', 'width=600,height=400');
var href = newWin.location.href; // (*) about:blank, загрузка ещё не началась

newWin.document.write("<div><div class='breadcrumb'> </div><h1>Ваши данные</h1>" + html + "</div>");

var back = newWin.getElementById('back'),
forward = newWin.getElementById('forward');

back.onclick = function(){
window.history.back();
console.log();
};
forward.onclick = function(){
window.history.forward();
console.log();
};

}
}());

(function(){

var back = document.getElementById('back'),
forward = document.getElementById('forward');

back.onclick = function(){
window.history.back();
};
forward.onclick = function(){
window.history.forward();
};

}());

}


Файл LocJS.js

function OpenDoc(){
if (confirm("Вы хотите открыть formatF.htm (Ok) или formatL.htm (Отмена)"))
{location.href="formatF.html"; }
else
{location.href="formatL.html"; }
}

Файл WindowsOpenJS.js

function WinOpen(){
var str= prompt("Введите строку");
var NewWindow=window.open('','NewWindow');
var hstr="<html><head><title>Новое окно</title><style type=\"text/css\">@import: url(\"WindowOpenCSS.css\");</style></head><body>";
NewWindow.document.writeln(hstr);
NewWindow.document.writeln("<h1>Открыто новое окно </h1>");
NewWindow.document.writeln("<p>В него введена строка: \""+str+"\"</p>");
var fstr=" </body></html>";
NewWindow.document.writeln(fstr);
}

Файл MyHTML.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Stom-Kab.com</title>
<link rel="stylesheet" href="styleFormation.css" />
<script type="text/javascript" src="myscript.js"></script>
</head>
<body>

<div class="haut">
<div class="titre">
<h1 class="titre-principal">Stom-Kab.com</h1>
</div>
</div>
<form name="forma" method="post" action="obrabotchik.php" id="form" enctype="multipart/form-data">
<fieldset>
<legend>
РЕГИСТРАЦИЯ:
</legend>
<p class="cent"><label>Фамилия:
<input type="text" placeholder="Введите фамилию" name="surname" value="Фамилия" size="30"><br>
</label>
<label>Имя:
<input type="text" placeholder="Введите имя" name="name" value="Имя" size="30"><br>
</label>
<label>Отчество:
<input type="text" placeholder="Введите отчество" name="otchestvo" value="Отчество" size="30"><br>
</label>
Дата рождения: <br>
<input type="date" name="data" value="Дата_рождения"><br>
Адрес проживания:<br>
<label>Область:
<select name="oblast">
<option value="Белгородская">Белгородская</option>
<option value="Воронежская">Воронежская</option>
<option selected value="Курская">Курская</option>
<option value="Московская">Московская</option>
<option value="Свердловская">Свердловская</option>
<option value="Челябинская">Челябинская</option>
</select>
</label>
<br>
<label>Район:
<select name="region" size="5">
<option value="Белгородский">Белгородский</option>
<option value="Железногорский">Железногорский</option>
<option selected value="Курский">Курский</option>
<option value="Можайский">Можайский</option>
<option value="Орехово-Зуевский">Орехово-Зуевский</option>
<option value="Россошанский">Россошанский</option>
<option value="Старооскольский">Старооскольский</option>
<option value="Яковлевский">Яковлевский</option>
</select>
</label>
<br>
<label>Город:
<select name="city">
<option value="Белгород">Белгород</option>
<option value="Воронеж">Воронеж</option>
<option value="Екатеринбург">Екатеринбург</option>
<option value="Железногорск">Железногорск</option>
<option selected value="Курск">Курск</option>
<option value="Можайск">Можайск</option>
<option value="Москва">Москва</option>
<option value="Нижний_Тагил">Нижний Тагил</option>
<option value="Орехово-Зуево">Орехово-Зуево</option>
<option value="Россошь">Россошь</option>
<option value="Старый_Оскол">Старый Оскол</option>
<option value="Строитель">Строитель</option>
<option value="Челябинск">Челябинск</option>
</select>
</label>
<br>
Пол:<br>
<label>
<input type="radio" name="sex" value="Мужской">Мужской<br>
</label>
<label>
<input type="radio" name="sex" value="Женский">Женский<br>
</label>
<br>
<br>
Тип заявки:<br>
<label>
<input type="radio" name="tip1" checked value="Запись_на_приём">Запись на приём<br>
</label>
<label>
<input type="radio" name="tip1" value="Вызов_врача_на_дом">Вызов врача на дом<br>
</label>
<br>
<br>
<br>
<label>
<input type="checkbox" name="tip2" checked value="Географическая близость">Географическая близость<br>
</label>
<label>
<input type="checkbox" name="tip2" checked value="Лицензионное соглашение">С правилами и условиями оказания услуг согласен<br>
</label>
<br>
<label>Врачебная специализация:
<select name="vrachspec">
<option value="Семейная_медицина">Общая врачебная практика (семейная медицина)</option>
<option value="Педиатрия">Педиатрия</option>
<option value="Терапия">Терапия</option>
<option value="Акушерство_и_гинекология">Акушерство и гинекология</option>
<option value="Стоматология_детская">Стоматология детская</option>
<option selected value="Стоматология_терапевтическая">Стоматология терапевтическая</option>
<option value="Стоматология_ортопедическая">Стоматология ортопедическая</option>
</select>
</label>
<br>
<br>
<label>Выбор медицинской организации
<select name="medorg" multiple>
<option selected value="medorg1">Европейская стоматология</option>
<option value="medorg2">Стоматологическая клиника "Все свои"</option>
<option selected value="medorg3">Межрегиональный центр Стоматологических инноваций НИУ БелГУ</option>
<option value="medorg4">Стоматологическая клиника Прана</option>
<option value="medorg5">Стоматологическая клиника Голливуд</option>
</select>
</label>
<br>
<br>
<label>Врач:
<select name="vrach">
<option value="Иванов">Иванов И. И.</option>
<option value="Петров">Петров П. П.</option>
<option value="Сидоров">Сидоров С. С.</option>
<option value="Андреев">Андреев А. А.</option>
</select>
</label>
<br>
<br>
Дата приёма:<br>
<input type="date" name="d_pr" value="Дата_приёма"><br>
<label>Время приёма:
<select name="time">
<option value="time1">8:00</option>
<option value="time2">10:00</option>
<option selected value="time3">11:00</option>
<option value="time4">13:00</option>
<option value="time5">15:00</option>
<option value="time6">16:00</option>
<option value="time7">18:00</option>
<option value="time8">19:00</option>
</select>
</label>
<br>
<br>
<label>Серия ОМС:<br>
<input type="number" name="s_oms" placeholder="Серия ОМС"><br>
</label>
<label>Номер ОМС:<br>
<input type="number" name="n_oms" placeholder="Номер ОМС"><br>
</label>
<label>Номер телефона:<br>
<input type="tel" name="n_tel" placeholder="Введите номер телефона"><br>
</label>
<label>Пароль:<br>
<input type="password" name="parol" maxlength="15" placeholder="Введите пароль"><br>
</label>
<label>E-mail:<br>
<input type="email" name="pochta" placeholder="Введите e-mail"><br>
</label>
<label>Фотография:<br>
<input type="file" name="F1"><br>
</label>
<input type="submit" value="Отправить" style="width: 100px;">
<input type="reset" value="Сбросить" style="width: 100px; margin-left: 0px; margin-top: 15px;">
<p>Оставьте сообщение о качестве обслуживания</p>
<textarea name="Text1" rows=6 cols=15></textarea><br>
<input type="image" name="im" src="кнопка-1.jpg" style="width: 100px;">
</p>
</fieldset>
</form>
<br>
<br>
<div>
<button id="back">Назад в истории</button>
<button id="forward">Вперед в истории</button>
</div>
<script type="text/javascript" src="myscript.js"></script>
<a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
<a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
<a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
<a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>

<footer>
<p>&copy; 2017 Corporation BuzinTechnology by VovaBuzin</p>
</footer>

</body>
</html>

Файл Main.html
Код:
<!DOCTYPE html>
<html>
<head>
    <title>Объекты браузера</title>
    <meta charset="utf-8">
    <style type="text/css">@import: url("winOpenCss.css");</style>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="winOpenJs.js"></script>
    <script type="text/javascript" src="myscript.js"></script>
</head>
<body>
    <h1>Открытие нового окна</h1>
    <p><A href="javascript:void(0)" onClick="WinOpen();">Открыть окно</a>
    </p>
    <a href="LocHtml.html">Location</a>
    <a href="html.html">My Site</a>
    <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
     <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
      <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
         <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
</body>
</html>
 

Вложения

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 074
Ну так форма ссылается на этот обработчик, а его нет

<form name="forma" method="post" action="obrabotchik.php" id="form" enctype="multipart/form-data">
Что тут непонятного? Создайте его и в него будут отправляться данные.

http://htmlbook.ru/html/form/action
 

BuzinVova

New Member
Регистрация
05.11.2017
Сообщения
8
Я сделал форму, но как вывести кнопки перехода на предыдущую и следующую страницу?

Файл myscript.js

function lcl(){
if(confirm("Вы хотите открыть главный сайт (Ok) или вернуться в начало (Отмена)?")){
location.href="html.html";
}
else location.href="lab14.html"
}
function germes(){
if(confirm("Вы хотите открыть гермес (Ok) или остаться (Отмена)?")){
location.href="http://172.24.64.64:8080";
}
else location.protocol="html.html"
}
function chBg(){
if(confirm("Вы хотите изменить цвет (Ok) или нет (Отмена)?")){
document.bgColor="#7695b5";
}
else document.writeln("Вы отказались изменять цвет!")
}
function histo(){
if(confirm("Вы хотите вернутьcя в начало (Ok) или перейти на следующую страницу (Отмена)?")){
window.history.go(-2);
}
else window.history.forward();
}
function def(obj)
{
var NewWindow=window.open('','NewWindow');
var hstr="<html><head><title>Новое окно</title><style type=\"text/css\">@import: url(\"WindowOpenCSS.css\");</style></head><body>";
NewWindow.document.writeln(hstr);
NewWindow.document.writeln("<h1>Новое окно</h1>");
NewWindow.document.writeln("<p>Фамилия: \""+obj.surname.value+"\"</p>");
NewWindow.document.writeln("<p>Имя: \""+obj.name.value+"\"</p>");
NewWindow.document.writeln("<p>Отчество: \""+obj.otchestvo.value+"\"</p>");
NewWindow.document.writeln("<p>Дата рождения: \""+obj.data.value+"\"</p>");
NewWindow.document.writeln("<p>Область: \""+obj.oblast.value+"\"</p>");
NewWindow.document.writeln("<p>Район: \""+obj.region.value+"\"</p>");
NewWindow.document.writeln("<p>Город: \""+obj.city.value+"\"</p>");
NewWindow.document.writeln("<p>Пол: \""+obj.sex.value+"\"</p>");
NewWindow.document.writeln("<p>Тип заявки: \""+obj.tip1.value+"\"</p>");
NewWindow.document.writeln("<p>Географическая близость: \""+obj.tip2.value+"\"</p>");
NewWindow.document.writeln("<p>Лицензионное соглашение: \""+obj.tip3.value+"\"</p>");
NewWindow.document.writeln("<p>Врачебная специализация: \""+obj.vrachspec.value+"\"</p>");
NewWindow.document.writeln("<p>Медицинская организация: \""+obj.medorg.value+"\"</p>");
NewWindow.document.writeln("<p>Врач: \""+obj.vrach.value+"\"</p>");
NewWindow.document.writeln("<p>Дата прёма: \""+obj.d_pr.value+"\"</p>");
NewWindow.document.writeln("<p>Время прёма: \""+obj.time.value+"\"</p>");
NewWindow.document.writeln("<p>Серия ОМС: \""+obj.s_oms.value+"\"</p>");
NewWindow.document.writeln("<p>Номер ОМС: \""+obj.n_oms.value+"\"</p>");
NewWindow.document.writeln("<p>Номер телефона: \""+obj.n_tel.value+"\"</p>");
NewWindow.document.writeln("<p>Пароль: \""+obj.parol.value+"\"</p>");
NewWindow.document.writeln("<p>E-mail: \""+obj.pochta.value+"\"</p>");
NewWindow.document.writeln("<p>Фотография: \""+obj.F1.value+"\"</p>");
var fstr=" </body></html>";
NewWindow.document.writeln(fstr);
}
window.onload = function(){

(function(){
var submit = document.getElementById('submit');

submit.onclick = function(e)
{
var back = newWin.getElementById('back'),
forward = newWin.getElementById('forward');

back.onclick = function(){
window.history.back();
console.log();
};
forward.onclick = function(){
window.history.forward();
console.log();
};

}
}());

(function(){

var back = document.getElementById('back'),
forward = document.getElementById('forward');

back.onclick = function(){
window.history.back();
};
forward.onclick = function(){
window.history.forward();
};

}());


}

Файл MyHTML.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Stom-Kab.com</title>
<link rel="stylesheet" href="styleFormation.css" />
<script type="text/javascript" src="myscript.js"></script>
</head>
<body>

<div class="haut">
<div class="titre">
<h1 class="titre-principal">Stom-Kab.com</h1>
</div>
</div>
<form name="forma" method="get" action="mailto:buzin.vladimir2016@yandex.ru" id="myform">
<fieldset>
<legend>
РЕГИСТРАЦИЯ:
</legend>
<p class="cent"><label>Фамилия:
<input type="text" placeholder="Введите фамилию" name="surname" value="Фамилия" size="30"><br>
</label>
<label>Имя:
<input type="text" placeholder="Введите имя" name="name" value="Имя" size="30"><br>
</label>
<label>Отчество:
<input type="text" placeholder="Введите отчество" name="otchestvo" value="Отчество" size="30"><br>
</label>
Дата рождения: <br>
<input type="date" name="data" value="Дата_рождения"><br>
Адрес проживания:<br>
<label>Область:
<select name="oblast">
<option value="Белгородская">Белгородская</option>
<option value="Воронежская">Воронежская</option>
<option selected value="Курская">Курская</option>
<option value="Московская">Московская</option>
<option value="Свердловская">Свердловская</option>
<option value="Челябинская">Челябинская</option>
</select>
</label>
<br>
<label>Район:
<select name="region" size="5">
<option value="Белгородский">Белгородский</option>
<option value="Железногорский">Железногорский</option>
<option selected value="Курский">Курский</option>
<option value="Можайский">Можайский</option>
<option value="Орехово-Зуевский">Орехово-Зуевский</option>
<option value="Россошанский">Россошанский</option>
<option value="Старооскольский">Старооскольский</option>
<option value="Яковлевский">Яковлевский</option>
</select>
</label>
<br>
<label>Город:
<select name="city">
<option value="Белгород">Белгород</option>
<option value="Воронеж">Воронеж</option>
<option value="Екатеринбург">Екатеринбург</option>
<option value="Железногорск">Железногорск</option>
<option selected value="Курск">Курск</option>
<option value="Можайск">Можайск</option>
<option value="Москва">Москва</option>
<option value="Нижний_Тагил">Нижний Тагил</option>
<option value="Орехово-Зуево">Орехово-Зуево</option>
<option value="Россошь">Россошь</option>
<option value="Старый_Оскол">Старый Оскол</option>
<option value="Строитель">Строитель</option>
<option value="Челябинск">Челябинск</option>
</select>
</label>
<br>
Пол:<br>
<label>
<input type="radio" name="sex" value="Мужской">Мужской<br>
</label>
<label>
<input type="radio" name="sex" value="Женский">Женский<br>
</label>
<br>
<br>
Тип заявки:<br>
<label>
<input type="radio" name="tip1" checked value="Запись_на_приём">Запись на приём<br>
</label>
<label>
<input type="radio" name="tip1" value="Вызов_врача_на_дом">Вызов врача на дом<br>
</label>
<br>
<br>
<br>
<label>
<input type="checkbox" name="tip2" checked value="Да">Географическая близость<br>
</label>
<label>
<input type="checkbox" name="tip3" checked value="Да">С правилами и условиями оказания услуг согласен<br>
</label>
<br>
<label>Врачебная специализация:
<select name="vrachspec">
<option value="Семейная_медицина">Общая врачебная практика (семейная медицина)</option>
<option value="Педиатрия">Педиатрия</option>
<option value="Терапия">Терапия</option>
<option value="Акушерство_и_гинекология">Акушерство и гинекология</option>
<option value="Стоматология_детская">Стоматология детская</option>
<option selected value="Стоматология_терапевтическая">Стоматология терапевтическая</option>
<option value="Стоматология_ортопедическая">Стоматология ортопедическая</option>
</select>
</label>
<br>
<br>
<label>Выбор медицинской организации
<select name="medorg" multiple>
<option selected value="Европейская_стоматология">Европейская стоматология</option>
<option value="Все_свои">Стоматологическая клиника "Все свои"</option>
<option selected value="Центр_Стоматологических_Инноваций_БелГУ">Межрегиональный центр Стоматологических инноваций НИУ БелГУ</option>
<option value="Прана">Стоматологическая клиника "Прана"</option>
<option value="Голливуд">Стоматологическая клиника "Голливуд"</option>
</select>
</label>
<br>
<br>
<label>Врач:
<select name="vrach">
<option value="Иванов">Иванов И. И.</option>
<option value="Петров">Петров П. П.</option>
<option value="Сидоров">Сидоров С. С.</option>
<option value="Андреев">Андреев А. А.</option>
</select>
</label>
<br>
<br>
Дата приёма:<br>
<input type="date" name="d_pr" value="Дата_приёма"><br>
<label>Время приёма:
<select name="time">
<option value="8:00">8:00</option>
<option value="10:00">10:00</option>
<option selected value="11:00">11:00</option>
<option value="13:00">13:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
</select>
</label>
<br>
<br>
<label>Серия ОМС:<br>
<input type="number" name="s_oms" placeholder="Серия ОМС"><br>
</label>
<label>Номер ОМС:<br>
<input type="number" name="n_oms" placeholder="Номер ОМС"><br>
</label>
<label>Номер телефона:<br>
<input type="tel" name="n_tel" placeholder="Введите номер телефона"><br>
</label>
<label>Пароль:<br>
<input type="password" name="parol" maxlength="15" placeholder="Введите пароль"><br>
</label>
<label>E-mail:<br>
<input type="email" name="pochta" placeholder="Введите e-mail"><br>
</label>
<label>Фотография:<br>
<input type="file" name="F1"><br>
</label>
<input type="submit" value="Отправить" style="width: 100px;" onclick="def(forma)">
<input type="reset" value="Сбросить" style="width: 100px; margin-left: 0px; margin-top: 15px;">
<p>Оставьте сообщение о качестве обслуживания</p>
<textarea name="Text1" rows=6 cols=15></textarea><br>
<input type="image" name="im" src="кнопка-1.jpg" style="width: 100px;" onclick="def(forma)">
</p>
</fieldset>
</form>
<br>
<br>
<div>
<button id="back">Назад в истории</button>
<button id="forward">Вперед в истории</button>
</div>
<script type="text/javascript" src="myscript.js"></script>
<a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
<a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
<a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
<a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>

<footer>
<p>&copy; 2017 Corporation BuzinTechnology by VovaBuzin</p>
</footer>

</body>
</html>

Файл Main.html
Код:
<!DOCTYPE html>
<html>
<head>
    <title>Объекты браузера</title>
    <meta charset="utf-8">
    <style type="text/css">@import: url("winOpenCss.css");</style>
        <link rel="stylesheet" href="styleFormation.css" />
    <script type="text/javascript" src="winOpenJs.js"></script>
    <script type="text/javascript" src="myscript.js"></script>
</head>
<body>
    <h1>Открытие нового окна</h1>
    <p><A href="javascript:void(0)" onClick="WinOpen();">Открыть окно</a>
    </p>
    <a href="LocHtml.html">Location</a>
    <a href="html.html">My Site</a>
    <a href="javascript:void(0)" onclick="lcl()" return true >Открыть новый документ</a>
     <a href="javascript:void(0)" onclick="germes()" return true >Открыть "Гермес"</a>
      <a href="javascript:void(0)" onclick="chBg()" return true >Изменить цвет</a>
         <a href="javascript:void(0)" onclick="histo()" return true >Вернутьcя в начало</a>
<div>
    <button id="back">Назад в истории</button>
    <button id="forward">Вперед в истории</button>
</div>
</body>
</html>
 

Вложения

Статус
Закрыто для дальнейших ответов.
Верх Низ