Две недели назад прикупил букварь "Самоучитель JavaScript 3-е издаение" - В. Дунаев, вообщем то не плохая книга, за ислючением одного жирного
НО - все примеры описаны и протестины под JScript для IE. Под оперой почти все работают, а вот под фаерфокс хоть убей. Вообщем по ходу чтения вознили следующие вопросы:
1. Как вы пишите скрипты? Пишите и тестите под одним браузером, а потом только проверяете всё в других? Если да то под какой лучше начинать писать?
Или же написали например в текстовичке новую функций, и сразу тестите в нескольких за ранее открытых браузерах?
2. Если верить статистике лайфинтернета то: IE 33.4%, Opera 31.5%, FireFox 26.2%, Chrome 6.4%, Safari 0.4%, остальные 0.6% от общего числа используемых.
Ну под первых три точно нужно затачивать свои скрипты, а вот насчёт остальных? стаит ли тратить время на хром и сафари?
3. Где можно достать подробную информацию об DOM разных браузеров, желательно на русском. Больше всего интересуют ФФ и Опера.
Возможно какие нибудь хороший статьи об особенностях и различиях которые нужно учитывать.
4. Не работает объект события event в Firifox, firebug ругается так "event is not defined", пример:
Код:
<html>
<head>
<title>Test JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
</head>
<style>
.myclass{font-weight: bold; background-color: a0a0a0;}
</style>
<script>
function myfunc(color)
{
if (event.srcElement.type=='button')
{
xid=event.srcElement.id;
document.getElementById(xid).style.background=color;
}
}
function textcolor(color)
{
xid=event.srcElement.id;
document.getElementById(xid).style.color=color;
}
</script>
<body id="mybody">
<form onmouseover="myfunc('red')" onmouseout="myfunc('a0a0a0')">
<input type="button" id="bt1" class="myclass" value="Buntton #1" onclick="alert('You press bt1')">
<input type="button" id="bt2" class="myclass" value="Buntton #2" onclick="alert('You press bt2')">
<input type="button" id="bt3" class="myclass" value="Buntton #3" onclick="alert('You press bt3')">
</form>
<br><br>
windows linux freebsd google yandex <b id='r' onmouseover="textcolor('red')" onmouseout="textcolor('blue')" style="color: blue;">microsoft corparation</b> apple nokia sony ibm
</body>
</html>
5. В ФФ отказывается работать outerHTML, можно ли чем нибудь заменить?
Код:
<html>
<head>
<title>Test JavaScript</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
</head>
<script>
function myfunc()
{
document.getElementById('mybt').outerHTML='<h1><a href="http://google.com">google.com</a></h1>';
}
</script>
<body id="mybody">
<button id="mybt" onclick="myfunc()">Knopka</button>
</body>
</html>
6. Как узнать все свойства и методы объекта?