Question

I just started doing some Javascript work for a project, I do mostly backend work so I’m sorry for being new at this! Also, not using a Javascript framework because I want to learn about the fundamentals before making everything very easy for myself 🙂

So, here is my question/confusion: I wrote a little javascript that dynamically changed forms. This is how I called the code:

// loads the initial box
window.onload = initList(environment_box);

// loads artifacts on each change to environment select box
environment_box.onchange = changeList;

This worked like magic – in CHROME that is! I never noticed it wasn’t working in Firefox (its just an internal tool, so I can assume decent browsers, but I figure hey, if its working in Chrome, it will work in Firefox!). So, I did some investigation, and it seems as though the code isnt getting executed in Firefox. I whipped out firebug and wanted to see what was going on.

The interesting thing was, when I enabled Console on firebug, my code got executed! I am very confused as to why, and I would much appreciate any help I could get. Thanks!

-Shawn

Answer 1

You are calling some method on console in your JavaScript is my best guess. Chrome has console defined be default, so it is not a problem.

On Firefox, however, there is no such global object (not without Firebug), so when you try to call a property on an undefined object like,

console.log(..);

it throws an exception which you are not catching, so the JavaScript execution halts.