javascripte学习

一、常用互动方法

如何向网页中输入内容, 如何与浏览器窗口进行交互, 通过简单的对象方法就可以轻松实现.

1.引用外部js文件

2.输入内容

3.警告(Alert消息对话框)

4.确认(confirm消息对话框)

5.提问(prompt 消息对话框)

6.打开新窗口(window.open)

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

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
窗口名称：可选参数，被打开窗口的名称。
    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。





window.open

7.关闭窗口

二、DOM操作

如何用JavaScript去操作HTML元素和CSS样式, 实现简单的操作

2.1通过ID获取元素





document.getElementById


JavaScript

2.2 innerHTML 属性





innerHTML


javascript
 JavaScript是一种基于对象、事件驱动的简单脚本语言，嵌入在HTML文档中，由浏览器负责解释和执行，在网页上产生动态的显示效果并实现与用户交互功能。

2.3改变 HTML 样式





style样式


  I love JavaScript
   JavaScript使网页显示动态效果并实现与用户交互功能。

2.4 显示和隐藏(display属性)





display
     
 
  
    JavaScript  
    做为一个Web开发师来说，如果你想提供漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。

2.5 控制类名(className属性)





className属性



     JavaScript使网页显示动态效果并实现与用户交互功能。
    
    JavaScript使网页显示动态效果并实现与用户交互功能。

三、事件

事件	说明
onclick	鼠标点击事件
onmouseover	鼠标经过事件
onmouseout	鼠标移开事件
onchange	文本框内容改变事件
onselect	文本框内容被选中事件
onfoucs	光标聚集
onblur	光标离开
onload	网友导入
onunload	关闭网页

四、Date 日期对象

方法名称	功能描述
get/setDate()	返回/设置日期
get/setFullYear()	返回/设置年份,用四位数字
get/setYear()	返回/设置年份
get/setMonth()	返回/设置月份
get/setHours()	返回/设置小时, 24小时制
get/setMinutes()	返回/设置分钟数
get/setSeconds()	返回/设置秒钟数
get/setTime()	返回/设置时间(毫秒为单位)

五、数组方法

方法	描述
concat()	连接两个或者更多的数组, 并返回结果
join()	把数组的所有元素放入一个字符串, 元素通过指定的分隔符进行分各
pop()	删除并返回数组的最后一个元素
push()	向数组的末尾添加一个或者更多元素, 并返回新的长度
reverse()	颠倒数组中元素的第一元素
shift()	删除并返回数组的第一个元素
slice()	从某个已有的数组返回选定的元素
sort()	对数组元素进行排序
splice()	删除元素, 并向数组添加新元素
toSource()	返回该对象的源代码
toString()	把数组转换为字符串, 并返回结果
toLocaleString()	把数组转换为本地数组, 并返回结果
unshift()	向数组开头添加一个或更多元素, 并返回新的长度
valueOf()	返回数组对象的原始值

六、计时器

方法	描述
setTimeout()	指定的延迟时间之后执行代码
cleartimecot()	取消setTimeout()设置
setinterval()	每隔指定的时间执行代码
clearinterval()	取消setinterval()设置

七、Screen对象

属性	描述
availHeight	窗口可以使用的屏幕高度, 单位像素
availWidth	窗口可以使用的屏幕宽度,单位像素
colorDepth	用户浏览器表示的颜色位数, 通常为32位(每像素的位数)
pixelDepth	用户浏览器表示的颜色位数, 通常为32位(每像素的位数)(IE不支持此属性)
height	屏幕的高度, 单位像素
width	屏幕的宽度, 单位像素

八、DOM对象,控制HTML元素

掌握如何控制HTML基本元素, 如何在文档中选取单独的元素, 如何创建、插入和删除元素, 并修改样式等.

|方法|说明|获得
|:---|:---|
|getElementById|通过指定id获得元素|一个
|getElementsByName|通过元素名称name属性获得元素|一组
|getElementByTagName|通过标签名称获得元素|一组

javascript学习