Serg_pnz Смотрел.что то вот пробую.я просто новичок в этом, поэтому все туго идет еще. туго, но интересно)
Возник еще вопрос. зачем фреймворк заключают во временную функцию?
(function(window) {
})(window);
Вот,к примеру, к примеру, скрипт с названием frame.js. если заключать в эту функцию, то не работает. А если не заключать, то все работает, и прямоугольник нормально закрашивается в красный.
(function(window)
{
function IsString(selector)
{
return typeof(selector)=='string';
}
function o_O(selector)
{
//является ли селектор строкой
var obj=IsString(selector)?document.getElementById(selector):selector;
//меняем класс CSS
obj.name=function(clname)
{
this.className=clname;
return this;
}
//цвет фона
obj.pic=function()
{
obj.style.backgroundColor='red';
return this;
}
return obj;
}
})(window);
А вот html с прямоугольником
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Тестирование фреймворка</title>
<script type="text/javascript" src="frame.js"></script>
</head>
<body>
<script language="javascript">
function fon()
{
o_O('id').pic();
}
</script>
<form>
<input type="button" value="первая" onClick="fon()">
<div id="id" style="width:400px; height:300px; border:3px solid black;">
</div>
</body>
</html>