天天看点

js基础

javascript由三部分组成:ECMAScript DOM BOM

ECMAScript定义了脚本语言的特性,方法和对象,它包括javaScript,actionScript和scriptEase

DOM是文档对象模型 DOM 是 W3C 的标准; [所有浏览器公共遵守的标准]

BOM是 各个浏览器厂商根据 DOM 在各自浏览器上的实现;[表现为不同浏览器定义有差别,实现方式不同] window 是 BOM 对象,而非 js 对象;

document.getElementById("id名称")  获取的是对象

要想取得值,需要通过属性

innerHTML  获取或替换 HTML 元素的内容。 注意大小写 document.getElementById("id名称").innerHTML

js基础

改变html样式:Object.style.property=new style;

:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

基本属性

js基础
js基础

显示和隐藏(display属性)  Object.style.display = value

value取值:

js基础

className 属性设置或返回元素的class 属性。

object.className = classname

js基础

打开新窗口(window.open)

语法:

window.open([URL], [窗口名称], [参数字符串])

参数说明:

URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不显示任何文档。

窗口名称:可选参数,被打开窗口的名称。

    1.该名称由字母、数字和下划线字符组成。

    2."_top"、"_blank"、"_selft"具有特殊意义的名称。

       _blank:在新窗口显示目标网页

       _self:在当前窗口显示目标网页

       _top:框架网页中在上部窗口中显示目标网页

    3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。

    4.name 不能包含有空格。

参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。

参数表:

js基础

例如:打开http://www.imooc.com网站,大小为300px * 200px,无菜单,无工具栏,无状态栏,有滚动条窗口:

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')