Официальный сайт.
closure-library
Инструментарий:
WAMP
1.Создаём в директории www, папку для тестов
closure
2.Закидываем в нее папку со скачанной библиотекой и переименовываем её в js
3. Создаём файл index.php и hello.js
index.php
hello.js<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
<script src="js/closure/goog/base.js"></script> // подключение closure
<script src="hello.js"></script> // подключение hello.js
</head>
<body onload="sayHi()"> //вызываем функцию из hello.js
</body>
</html>
goog.require('goog.dom');
function sayHi() {
var newHeader = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
goog.dom.appendChild(document.body, newHeader);
}
// подключаем DOM пакетgoog.require('goog.dom');// создаем элементgoog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
'Hello world!');
// добавляем к DOM goog.dom.appendChild(document.body, newHeader);
Заходим на http://localhost/closure/
Данный пример взят из документации, поэтому - чтобы закрепить пройденное, экспериментируем:
hello.js
goog.require('goog.dom');
function sayHi() {
var newHeader = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
var newHeader2 = goog.dom.$dom('h2', {'style':'color:red;', 'class':'title'}, 'Hello World2!');
var newHeader3 = goog.dom.$dom('h2', {}, 'Hello World3!');
goog.dom.appendChild(document.body, newHeader);
goog.dom.appendChild(document.body, newHeader2);
goog.dom.appendChild(document.body, newHeader3);
}
function sayHi() {
var newHeader = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
var newHeader2 = goog.dom.$dom('h2', {'style':'color:red;', 'class':'title'}, 'Hello World2!');
var newHeader3 = goog.dom.$dom('h2', {}, 'Hello World3!');
goog.dom.appendChild(document.body, newHeader);
goog.dom.appendChild(document.body, newHeader2);
goog.dom.appendChild(document.body, newHeader3);
}
Ну вот, собственно и стартанули!
Комментариев нет:
Отправить комментарий