В моем index.html есть кнопка (id="my-btn"):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>My INDEX PAGE</title>
</head>
<body>
<br><input type="button" id="my-btn" value="OPEN NEW WINDOW"/>
<script src="js/my.js"></script>
<script src="js/jquery-1.5.1.js"></script>
</body>
</html>
js / my.js обрабатывает событие нажатия кнопки, при нажатии кнопки my-btn, открывается новое окно браузера с новой страницей ( test.html )
my.js:
$('#my-btn').click(function(){
window.open('test.html', 'testwindow');
});
Новая страница ( test.html ), открытая в новом окне браузера:
test.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TEST</title>
</head>
<body>
<div id="my-name"></div>
<script src="js/test.js"></script>
<script src="js/jquery-1.5.1.js"></script>
</body>
</html>
На новой странице будет вызван test.js и к тексту этой страницы добавится текст "JOHN"
JS / test.js
$(document).ready(function(){
$("#my-name").append("<strong>JOHN</strong>");
});
Но, когда страница test.html открылась в новом всплывающем окне браузера, я не увидел текст «ДЖОН», это пустая страница, почему?
(у меня jquery-1.5.1.js в каталоге "js /", а все файлы javascript находятся в js /)