Свойства объекта
Кода -копия выглядит следующим образом:
Document.title // Установить тег <Title>, который эквивалентен HTML
Document.bgcolor // Установить цвет фона страницы
document.fgcolor // Установить цвет переднего плана (цвет текста)
document.linkcolor // рассеянный цвет ссылок
Document.AlinkColor // Активируйте цвет ссылки (фокусируйтесь на этой ссылке)
document.vlinkcolor // Нажмите цвет ссылки
document.url // Установите свойства URL, чтобы открыть другую веб -страницу в том же окне
document.filecreateddate // Дата создания файла, атрибут только для чтения
Document.FileModifiedDate // Дата изменения файла, атрибут только для чтения
document.filesize // Размер файла, атрибут только для чтения
document.cookie // установить и читать файлы cookie
document.charset // Установите набор символов, упрощенный китайский: GB2312
============================================================================================
тело-субъект
Кода -копия выглядит следующим образом:
Document.body // Начало и конец указанного тела документа эквивалентны <Body> </body>
document.body.bgcolor // Установить или получить цвет фона за объектом
document.body.link // рассеянный цвет ссылок
Document.body.alink // Активируйте цвет ссылки (фокусируйтесь на этой ссылке)
document.body.vlink // Нажженный цвет ссылки
Document.body.text // Цвет текста
document.body.innertext // Установить текст между <body> ... </body>
document.body.innerhtml // Установить html -код между <body> ... </body>
document.body.topmargin // Margin
document.body.leftmargin // Страница левая маржа
Document.body.rightmargin // Правый пол Страницы
document.body.bottommargin // Маржа на странице
document.body.background // фоновое изображение
Document.body.appendchild (OTAG) // Динамично генерируйте объект HTML
Общие события объекта
Кода -копия выглядит следующим образом:
document.body.onclick = "func ()" // Мышечный указатель нажимает объект
document.body.onmouseover = "func ()" // мигает, когда указатель мыши перемещается к объекту
document.body.onmouseout = "func ()" // Мигает, когда указатель мыши выдвинут из объекта
============================================================================================
Местоположение Subobject
Кода -копия выглядит следующим образом:
document.location.hash // часть после номера #
document.location.host // доменное имя + номер порта
document.location.hostname // доменное имя
document.location.href // Полный URL
document.location.pathname // часть каталога
document.location.port // номер порта
document.location.protocol // сетевой протокол (http :)
document.location.search // часть после? число
Общие события объекта
Кода -копия выглядит следующим образом:
documenty.location.reload () // Обновить веб -страницу
document.location.reload (url) // Откройте новую веб -страницу
document.location.assign (url) // Откройте новую веб -страницу
document.location.replace (url) // Откройте новую веб -страницу
============================================================================================
Коллекция изображений (изображения на странице)
а) Ссылка через сбор
Кода -копия выглядит следующим образом:
Document.Images // тег <img> на соответствующей странице
document.images.length // Номер тегов <img> на соответствующей странице
document.images [0] // первая тег <img>
document.images // i-1 <img> тег
б) Прямая ссылка через атрибут имени
Кода -копия выглядит следующим образом:
<img name = "oimage">
document.images.oimage //document.images.name свойство
в) атрибут SRC справочного изображения
Кода -копия выглядит следующим образом:
document.images.oimage.src //document.images.name attribute.src
г) Создать изображение
Кода -копия выглядит следующим образом:
var oimage
oimage = новое изображение ()
document.images.oimage.src = "1.jpg"
В то же время создайте тег <img> на странице, и его можно отобразить
Пример кода (динамическое создание):
Кода -копия выглядит следующим образом:
<html>
<img name = oimage>
<script language = "javascript">
var oimage
oimage = новое изображение ()
document.images.oimage.src = "1.jpg"
</script>
</html>
<html>
<script language = "javascript">
oimage = document.caeateelement ("img")
oimage.src = "1.jpg"
document.body.appendchild (oimage)
</script>
</html>
==========================================================================================
Коллекция форм (формы на странице)
а) Ссылка через сбор
Кода -копия выглядит следующим образом:
document.forms // тег <form> на соответствующей странице
document.forms.length // Номер тегов <form> на соответствующей странице
document.forms [0] // первая тег <форма>
document.forms // i-1 <form> тег
document.forms.length // Количество элементов управления в I-1th <Form>
document.forms.elents [j] // управление J-1st в I-1th <Form>
----------------------------------------------------------------------------------------------------------------------------
б) Прямая ссылка через атрибут имени тега
Кода -копия выглядит следующим образом:
<form name = "myform"> <input name = "myctrl"> </form>
document.myform.myctrl //document.form name.control Имя
----------------------------------------------------------------------------------------------------------------------------
C) Свойства формы доступа
Кода -копия выглядит следующим образом:
document.forms.name // Соответствует <имя формы> атрибут
document.forms.action // Соответствует <Форма действия> атрибута
document.forms.conding // Соответствует <form enctype> атрибут
document.forms.target // Соответствует <Форма цели> атрибут
document.forms.appendchild (OTAG) // Динамически вставить управление
----------------------------------------------------------------------------------------------------------------------------
Пример кода (форма):
Кода -копия выглядит следующим образом:
<html>
<!-Скрипт управления текстом->
<form name = "myform">
<input type = "text" name = "Otext">
<input type = "password" name = "opswd">
<форма>
<script language = "javascript">
// Получить значение поле текстового пароля
document.write (document.myform.otext.value)
document.write (document.myform.opswd.value)
</script>
</html>
----------------------------------------------------------------------------------------------------------------------------
Пример кода (флажок):
Кода -копия выглядит следующим образом:
<html>
<!-флажок, сценарий, связанный с радиоуправлением->
<form name = "myform">
<input type = "fackbox" name = "chk" value = "1"> 1
<input type = "fackbox" name = "chk" value = "2"> 2
</form>
<script language = "javascript">
function fun () {
// Передача значения управления флажком и определить, выбран ли оно
вар длина
длина = документ
for (i = 0; i <length; i ++) {
v = document.forms [0] .chk.value
b = document.forms [0] .CHK.CHECED
if (b)
оповещение (v = v+"selected")
еще
оповещение (v = v+"не выбран")
}
}
</script>
<a href =# onclick = "fun ()"> ddd </a>
</html>
----------------------------------------------------------------------------------------------------------------------------
Пример кода (SELECT):
Кода -копия выглядит следующим образом:
<html>
<!-Выберите Скрипт, связанный с элементом управления->
<form name = "myform">
<select name = "oselect">
<vition value = "1"> 1 </option>
<vition value = "2"> 2 </option>
<option value = "3"> 3 </option>
</select>
</form>
<script language = "javascript">
// Передача элемента опции выбора элемента управления
вар длина
длина = document.myform.oselect.length
for (i = 0; i <длина; i ++)
document.write (document.myform.oselect.value)
</script>
<script language = "javascript">
// Передача элемента опции и определить, выбран ли опция
для (i = 0; i <document.myform.oselect.length; i ++) {
if (document.myform.oselect.selected! = true)
document.write (document.myform.oselect.value)
еще
document.write ("<font color = red>"+document.myform.oselect.value+"</font>")
}
</script>
<script language = "javascript">
// распечатать выбранную опцию в соответствии с SelectedIndex
// (0 в document.myform.oselect.length-1)
i = document.myform.oselect.selectedIndex
document.write (document.myform.oselect.value)
</script>
<script language = "javascript">
// Динамически увеличить элемент опции выбора элемента управления
var ooption = document.createElement ("опция");
ooption.text = "4";
ooption.value = "4";
document.myform.oselect.add (ooption);
</script>
<html>
============================================================================================
Div Collection (слои на странице)
Кода -копия выглядит следующим образом:
<Div id = "Odiv"> Текст </div>
document.all.odiv // Справочный уровень ODIV
document.all.odiv.style.display = "" // слой устанавливается на визуальный
document.all.odiv.style.display = "none" // слой настроен на скрыть
Document.getElementId ("ODIV") // Справочный объект через getElementId
Document.getElementId ("ODIV").
Document.getElementId ("ODIV"). DISPLAY = "Нет"
/*документ. Все представляет собой набор всех объектов в документе
Только IE поддерживает этот атрибут, поэтому он также используется для определения типа браузера*/
4 свойства слоя объекта
Кода -копия выглядит следующим образом:
Document.getElementById ("ID"). InnerText // Динамический выходной текст
Document.getElementById ("ID"). InnerHtml // Динамический выход HTML
Document.getElementById ("id"). Overtext // Тот же внутренний текст
document.getelementbyid ("id"). Outerhtml // такая же, как и innerhtml
----------------------------------------------------------------------------------------------------------------------------
Пример кода:
Кода -копия выглядит следующим образом:
<html>
<script language = "javascript">
function изменение () {
document.all.odiv.style.display = "нет"
}
</script>
<Div id = "Odiv" onclick = "change ()"> text </div>
</html>
<html>
<script language = "javascript">
function changeText () {
Document.getElementById ("ODIV"). innerText = "NewText"
}
</script>
<Div id = "Odiv" onmouseover = "changetext ()"> text </div>
</html>