<body>
<script>
ping = new Object;
ping.test = '1234';
</script>
<a href="#" onclick="alert(ping.test);">Test</a>
</body>
почему это работает в IE8, но не в Firefox или Chrome? Всплывающее окно выдает «undefined» в FF v5 и Chrome v12, оно выдает «1234» в IE9.
Это вопрос масштаба. Попробуй это:
<body>
<script>
var ping = {};
ping.test = '1234';
</script>
<a href="#" onclick="alert(ping.test);">Test</a>
</body>
Изменить: это работает для меня
<body>
<script>
var ping = {};
ping.test = '1234';
function test(){
alert(ping.test);
}
</script>
<a href="#" onclick="test();">Test</a>
</body>
Это встроенная модель событий (уровень DOM 0), поэтому будут использоваться только переменные, определенные в контексте ее выполнения.
Следующий раздел
ping = new Object;
ping.test = '1234';
находится в своем собственном контексте выполнения, когда интерпретатор просматривает страницу. Код в глобальной области видимости будет использовать глобальный объект через this.
Но здесь
<a href="#" onclick="alert(ping.test);">Test</a>
является отдельным выполнением, которое ваш браузер рассматривает как анонимную функцию. С использованием
<a href="#" onclick="alert(this);">Test</a>
Не приведет к тому, что мы хотим. Строка видит window, this на самом деле используется для текущего объекта, с которым работает встроенный обработчик событий.
Таким образом, ping не определяется в этом контексте, если только мы не позволим его увидеть, обратившись к window.
<a href="#" onclick="alert(window.ping.test);">Test</a>
Теперь, когда браузер запустится, он возьмет глобальную переменную window, которая в контексте (\script\) будет такой же, как this, и будет иметь доступ к ping.test.
Видно в следующих браузерах
Ссылки
Документы Mozilla: это ключевое слово
Dom Events: встроенная модель
ping вышел за рамки. Попробуй это:
<body>
<a href="#" id="test">Test</a>
<script>
var ping = new Object();
ping.test = '1234';
document.getElementById("test").onclick = function() {
alert(ping.test);
};
</script>
</body>
