javascript基础总结

javascript基础总结

一：编写JavaScript脚本的三种方式

1.直接在.html文件中嵌入

 <script>
    代码
 </script>

2.在标签里面定义

 <div onclick="javascript:alert('你好');"></div>

3.在外部定义一个.js 文件 xxx.js，在html文件中通过script标签引入

<script src="xxx.js"></scipt>

---

二：javaScript的语法规则

1.每条语句都要用;表示结束
2.js 会按照顺序执行 注意编程结构

document.write(“dddd”); //在当前文档中输出一行字符串
alert(“xxx”);//弹出一个对话框

什么是函数：就是实现一个功能的方法
什么是变量：就是内存中的一块存储空间，程序运行中可以改变的量

三：程序流程（分为三种流程）

3.1 顺序流程
a->b->c->d
3.2 分支流程
if(条件)
{
语句块1
}else{
语句块2
}
3.3 循环

四：JavaScript事件

onClick :鼠标单击事件
- onChange :文本内容或下拉菜单中的选项发生改变
- onFocus :获取焦点，表示文本框等获得鼠标光标
- onBlur :失去焦点，表示文本框等失去鼠标的焦点
- focus();表示让光标保留在当前的位置
- onMouseOver :鼠标悬停
- onMouseOut :鼠标移出
- onMouseMove :鼠标移动
- onMouseDown :鼠标按下
- onMouseUp：鼠标弹起
- onLoad :网页文档加载事件
- onSubmit :表单提交事件

五：文本框对象-事件处理

事件：
onBlur :文本框失去焦点
onChange :文本框的值被修改
方法：
focus（）；获取焦点，即获取鼠标光标
select（）；选中文本内容，突出显示输入区域
属性：
readonly ：只读，文本框中的内容不能被修改

六：命令按钮对象

type=”submit” 提交按钮
type=”reset” 重置按钮
type=”button” 按钮

七：复选框-事件处理程序type=”checkbox”

事件：
onBlur ：复选框失去焦点
onFocus ：复选框获得焦点
属性：
checked ：复选框是否被选中，选中为true，未选中为false。您可以使用此属性查看复选框的状态或设置复选框是否被选中
value ：设置或获取复选框的值

八：单选按钮事件和属性type=”radio”

事件：
onBlur ：单选按钮失去焦点
onFocus ：单选按钮获得焦点
属性：
checked ：单选按钮是否被选中，选中为true，未选中为false。您可以使用此属性查看单选按钮的状态或设置单选按钮是否被选中
value ：设置或获取单选按钮的值

九：下拉列表事件框事件和属性 select

事件：
onBlur ：失去焦点
onChange :下拉列表被改变
onFocus :下拉列表获得焦点
属性：
value: 获取或者修改下拉列表中的内容
options:所有的选项组成一个数组，options表示整个选项数组，第一个选项即为options[0]，第二个即为options[1]，其他以此类推
selectedIndex:返回被选择的选项的索引号，如果选中第一个返回0，第二个返回1，其他类推

十：浏览器对象

1.浏览器的分层结构

2.window对象
document:表示给定浏览器窗口中的HTML文档
history：客户访问过的历史记录
location：包含当前URL的信息
name：设置或者检索窗口或者框架的名称
status：设置或检索窗口底部的状态栏中的消息
screen：包含客户端的屏幕的显示性能的信息
alert（”提示信息“）弹出一个包含消息窗口的对话框
Prompt（”提示信息“）弹出一个可以输入的提示框
open（”url“,”name”）:打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档
close()：关闭当前窗口
setTimeout（”函数“，”毫秒数“）：设置定时器，经过一定的毫秒执行某个函数
clearTimeout：停止某个定时器对象
setInterval（”函数“，”毫秒数“） ：设定一个自动执行的定时器

Document对象

alinkColor：设置或检索文档中所有活动链接的颜色
bgColor：设置或检索 Document 对象的背景色
body：指定文档正文的开始和结束
linkColor：设置或检索文档链接的颜色
location：包含当前URl的信息
title：包含文档的标题
url：设置或者检索当前文档的URL
vlinkColor：设置或检索用户访问过的链接的颜色
clear（）：清楚当前文档
close（）：关闭输出流并强制显示发送的数据
write(“text”)：将文本写入文档

History对象
Back ( ) 方法相当于后退按钮
forward ( ) 方法相当于前进按钮
go (1)代表前进1页，等价于forward( )方法；
go(-1) 代表后退1页，等价于back( )方法；

Location对象
host：设置或检索位置或URL的主机和端口号
hostname：设置或检索或URL的主机名部分
href：设置或检索完整的URL字符串
assign(“url”)：加载 URL 指定的新的 HTML 文档。
reload()：重新加载当前页
replace(“url”) ：通过加载 URL 指定的文档来替换当前文档