HTML_11_javascript_对象，事件，定时器
2016-10-28 20:51
381 查看
对象：类中的具体事例
类：一类
location对象
location.href; url信息返回，可获取也可以跳转
location.href=“ http：//www.baidu.com";
location.assign("http://"); 加载新的文档
location.reload（）; 重新加载
location.replace("http://"); 跳转 无法返回
栗子
js：
window.onload=init;
function init (){
window.SetInterval("shijian",1000);
window.SetInterval("Tiaozhaun",100);
}
function Tiaozhuan(){
location.replace("http"//")
}
function shijain(){
var obj=document.getElementById("div1");
var n=obj.innerHTML;
obj.innnerHTML=n-1;
}
history 对象
history.length; 获取浏览的url
history.back; 返回历史记录的一个；
history.forward(); 前进一个历史记录
history.go(n); 跳转指定的页面
screen 对象
screen.length; 获取屏幕的高度
screen.width;
screen.availHeigth;除去任务栏的；
navigator 。
appname
appcodeName
appversion
栗子navigator
window.omload= init;
function init(){
var obj =navigator.userAgent;
if(obj.indexOf("Firefox")!=1)
alert("firefox");
else if()
……
}
标签 html css
html ：对象.HTML.属性=值
css ：对象.CSS.属性=“值
找对象的方法
id：document.getElememntById("id名字");
标签：document.getElementsByTagName("标签名字")；获取一个集合数组
Name：document.getElementsByName("name名字")；
ClassName：document.getElementByClassName("class 名字")；
document.
事件
onmouseover 移到
onmouseout 离开
改样式
fn（）{
var obj=document.getElementById("div1");
obj.style.background="red";
obj.style.font-size="88px"
obj.style.fontSize="88px";
obj.style.color="black";
obj.style.border="10px solid green"
}
修改div中的内容
innerHTNL：对象所有的内容（文本内容）
obj.innerHTML
innerText
获取的都是字符串
计算机
parseInt
pareFloat
事件
鼠标事件：
onclick 点击
onmouseover 放上
onmouseout 移开
ondblclick 双击
onmousedown
onmouseup
onmousemove
表单事件：
onfocus 获取焦点
onblur 失去焦点
onsubmit 提交
onchange 改变
onreset 重置
键盘事件：
onkeyup 键盘抬起
onkeydown 键盘按下
onkeypress 按键安一次
窗口事件：
onload页面 加载 完成后立即执行的事件,打开后执行函数
<script>window.onload=函数名
； //init，初始化 </script>
<script>window.onload=函数名
（）； </script> 先执行函数
<body onload="init"></body>
event:保存事件发生时的相关信息
event.clientX:事件发生时的x坐标
event.clientY:事件……
event. target：事件源
必须从参数的形式传递给函数，才可以
获取鼠标坐标
对象：一类中具体的实例
案例：点星星
document.createElement("标签名")
document.body.appendChild(对象)
document.dody 是body 标签
margin 不会触发事件
方到标签最末尾
只有对象的属性才可以改
this （类似event）
有形参和实参
ECMascript ： 语法
BOM
DOM
1，window 对象最高级
2，BOM 浏览器对象 brower object model
3，DOM 文档对象模型 document.object.model
4，BOM 打开就存在
5，DOM 可操作代码
6，document 是连接DOM 和BOM
document是有下级
windows
三个弹出框
1,window.alert(12345);
2,window.prompt(有提示的输入框，默认值);
//加入提示的语句也可
以加入默认值，没填写就是null
var n= window.prompt(请输入 );//保存
3，window.confirm("你会xx吗")；
只能接受是否true 和false
window.onload=init;
function init(){
window.open
}
window.close(); 只能关闭js代码打开的窗口；‘’
定时器
一次性定时器：window.setTimeout
对象：类中的具体事例
类：一类
location对象
location.href; url信息返回，可获取也可以跳转
location.href=“ http：//www.baidu.com";
location.assign("http://"); 加载新的文档
location.reload（）; 重新加载
location.replace("http://"); 跳转 无法返回
栗子
js：
window.onload=init;
function init (){
window.SetInterval("shijian",1000);
window.SetInterval("Tiaozhaun",100);
}
function Tiaozhuan(){
location.replace("http"//")
}
function shijain(){
var obj=document.getElementById("div1");
var n=obj.innerHTML;
obj.innnerHTML=n-1;
}
history 对象
history.length; 获取浏览的url
history.back; 返回历史记录的一个；
history.forward(); 前进一个历史记录
history.go(n); 跳转指定的页面
screen 对象
screen.length; 获取屏幕的高度
screen.width;
screen.availHeigth;除去任务栏的；
navigator 。
appname
appcodeName
appversion
栗子navigator
window.omload= init;
function init(){
var obj =navigator.userAgent;
if(obj.indexOf("Firefox")!=1)
alert("firefox");
else if()
……
}
标签 html css
html ：对象.HTML.属性=值
css ：对象.CSS.属性=“值
找对象的方法
id：document.getElememntById("id名字");
标签：document.getElementsByTagName("标签名字")；获取一个集合数组
Name：document.getElementsByName("name名字")；
ClassName：document.getElementByClassName("class 名字")；
document.
事件
onmouseover 移到
onmouseout 离开
改样式
fn（）{
var obj=document.getElementById("div1");
obj.style.background="red";
obj.style.font-size="88px"
obj.style.fontSize="88px";
obj.style.color="black";
obj.style.border="10px solid green"
}
修改div中的内容
innerHTNL：对象所有的内容（文本内容）
obj.innerHTML
innerText
获取的都是字符串
计算机
parseInt
pareFloat
事件
鼠标事件：
onclick 点击
onmouseover 放上
onmouseout 移开
ondblclick 双击
onmousedown
onmouseup
onmousemove
表单事件：
onfocus 获取焦点
onblur 失去焦点
onsubmit 提交
onchange 改变
onreset 重置
键盘事件：
onkeyup 键盘抬起
onkeydown 键盘按下
onkeypress 按键安一次
窗口事件：
onload页面 加载 完成后立即执行的事件,打开后执行函数
<script>window.onload=函数名
； //init，初始化 </script>
<script>window.onload=函数名
（）； </script> 先执行函数
<body onload="init"></body>
event:保存事件发生时的相关信息
event.clientX:事件发生时的x坐标
event.clientY:事件……
event. target：事件源
必须从参数的形式传递给函数，才可以
获取鼠标坐标
对象：一类中具体的实例
案例：点星星
document.createElement("标签名")
document.body.appendChild(对象)
document.dody 是body 标签
margin 不会触发事件
方到标签最末尾
只有对象的属性才可以改
this （类似event）
有形参和实参
ECMascript ： 语法
BOM
DOM
1，window 对象最高级
2，BOM 浏览器对象 brower object model
3，DOM 文档对象模型 document.object.model
4，BOM 打开就存在
5，DOM 可操作代码
6，document 是连接DOM 和BOM
document是有下级
windows
三个弹出框
1,window.alert(12345);
2,window.prompt(有提示的输入框，默认值);
//加入提示的语句也可以加入默认值，妹妹填写就是null
var n= window.prompt(请输入 );//保存
3，window.confirm("你会xx吗")；
只能接受是否true 和false
window.onload=init;
function init(){
window.open
}
window.close(); 只能关闭js代码打开的窗口；‘’
定时器
一次性定时器：window.setTimeout
类：一类
location对象
location.href; url信息返回，可获取也可以跳转
location.href=“ http：//www.baidu.com";
location.assign("http://"); 加载新的文档
location.reload（）; 重新加载
location.replace("http://"); 跳转 无法返回
栗子
js：
window.onload=init;
function init (){
window.SetInterval("shijian",1000);
window.SetInterval("Tiaozhaun",100);
}
function Tiaozhuan(){
location.replace("http"//")
}
function shijain(){
var obj=document.getElementById("div1");
var n=obj.innerHTML;
obj.innnerHTML=n-1;
}
history 对象
history.length; 获取浏览的url
history.back; 返回历史记录的一个；
history.forward(); 前进一个历史记录
history.go(n); 跳转指定的页面
screen 对象
screen.length; 获取屏幕的高度
screen.width;
screen.availHeigth;除去任务栏的；
navigator 。
appname
appcodeName
appversion
栗子navigator
window.omload= init;
function init(){
var obj =navigator.userAgent;
if(obj.indexOf("Firefox")!=1)
alert("firefox");
else if()
……
}
标签 html css
html ：对象.HTML.属性=值
css ：对象.CSS.属性=“值
找对象的方法
id：document.getElememntById("id名字");
标签：document.getElementsByTagName("标签名字")；获取一个集合数组
Name：document.getElementsByName("name名字")；
ClassName：document.getElementByClassName("class 名字")；
document.
事件
onmouseover 移到
onmouseout 离开
改样式
fn（）{
var obj=document.getElementById("div1");
obj.style.background="red";
obj.style.font-size="88px"
obj.style.fontSize="88px";
obj.style.color="black";
obj.style.border="10px solid green"
}
修改div中的内容
innerHTNL：对象所有的内容（文本内容）
obj.innerHTML
innerText
获取的都是字符串
计算机
parseInt
pareFloat
事件
鼠标事件：
onclick 点击
onmouseover 放上
onmouseout 移开
ondblclick 双击
onmousedown
onmouseup
onmousemove
表单事件：
onfocus 获取焦点
onblur 失去焦点
onsubmit 提交
onchange 改变
onreset 重置
键盘事件：
onkeyup 键盘抬起
onkeydown 键盘按下
onkeypress 按键安一次
窗口事件：
onload页面 加载 完成后立即执行的事件,打开后执行函数
<script>window.onload=函数名
； //init，初始化 </script>
<script>window.onload=函数名
（）； </script> 先执行函数
<body onload="init"></body>
event:保存事件发生时的相关信息
event.clientX:事件发生时的x坐标
event.clientY:事件……
event. target：事件源
必须从参数的形式传递给函数，才可以
获取鼠标坐标
对象：一类中具体的实例
案例：点星星
document.createElement("标签名")
document.body.appendChild(对象)
document.dody 是body 标签
margin 不会触发事件
方到标签最末尾
只有对象的属性才可以改
this （类似event）
有形参和实参
ECMascript ： 语法
BOM
DOM
1，window 对象最高级
2，BOM 浏览器对象 brower object model
3，DOM 文档对象模型 document.object.model
4，BOM 打开就存在
5，DOM 可操作代码
6，document 是连接DOM 和BOM
document是有下级
windows
三个弹出框
1,window.alert(12345);
2,window.prompt(有提示的输入框，默认值);
//加入提示的语句也可
以加入默认值，没填写就是null
var n= window.prompt(请输入 );//保存
3，window.confirm("你会xx吗")；
只能接受是否true 和false
window.onload=init;
function init(){
window.open
}
window.close(); 只能关闭js代码打开的窗口；‘’
定时器
一次性定时器：window.setTimeout
对象：类中的具体事例
类：一类
location对象
location.href; url信息返回，可获取也可以跳转
location.href=“ http：//www.baidu.com";
location.assign("http://"); 加载新的文档
location.reload（）; 重新加载
location.replace("http://"); 跳转 无法返回
栗子
js：
window.onload=init;
function init (){
window.SetInterval("shijian",1000);
window.SetInterval("Tiaozhaun",100);
}
function Tiaozhuan(){
location.replace("http"//")
}
function shijain(){
var obj=document.getElementById("div1");
var n=obj.innerHTML;
obj.innnerHTML=n-1;
}
history 对象
history.length; 获取浏览的url
history.back; 返回历史记录的一个；
history.forward(); 前进一个历史记录
history.go(n); 跳转指定的页面
screen 对象
screen.length; 获取屏幕的高度
screen.width;
screen.availHeigth;除去任务栏的；
navigator 。
appname
appcodeName
appversion
栗子navigator
window.omload= init;
function init(){
var obj =navigator.userAgent;
if(obj.indexOf("Firefox")!=1)
alert("firefox");
else if()
……
}
标签 html css
html ：对象.HTML.属性=值
css ：对象.CSS.属性=“值
找对象的方法
id：document.getElememntById("id名字");
标签：document.getElementsByTagName("标签名字")；获取一个集合数组
Name：document.getElementsByName("name名字")；
ClassName：document.getElementByClassName("class 名字")；
document.
事件
onmouseover 移到
onmouseout 离开
改样式
fn（）{
var obj=document.getElementById("div1");
obj.style.background="red";
obj.style.font-size="88px"
obj.style.fontSize="88px";
obj.style.color="black";
obj.style.border="10px solid green"
}
修改div中的内容
innerHTNL：对象所有的内容（文本内容）
obj.innerHTML
innerText
获取的都是字符串
计算机
parseInt
pareFloat
事件
鼠标事件：
onclick 点击
onmouseover 放上
onmouseout 移开
ondblclick 双击
onmousedown
onmouseup
onmousemove
表单事件：
onfocus 获取焦点
onblur 失去焦点
onsubmit 提交
onchange 改变
onreset 重置
键盘事件：
onkeyup 键盘抬起
onkeydown 键盘按下
onkeypress 按键安一次
窗口事件：
onload页面 加载 完成后立即执行的事件,打开后执行函数
<script>window.onload=函数名
； //init，初始化 </script>
<script>window.onload=函数名
（）； </script> 先执行函数
<body onload="init"></body>
event:保存事件发生时的相关信息
event.clientX:事件发生时的x坐标
event.clientY:事件……
event. target：事件源
必须从参数的形式传递给函数，才可以
获取鼠标坐标
对象：一类中具体的实例
案例：点星星
document.createElement("标签名")
document.body.appendChild(对象)
document.dody 是body 标签
margin 不会触发事件
方到标签最末尾
只有对象的属性才可以改
this （类似event）
有形参和实参
ECMascript ： 语法
BOM
DOM
1，window 对象最高级
2，BOM 浏览器对象 brower object model
3，DOM 文档对象模型 document.object.model
4，BOM 打开就存在
5，DOM 可操作代码
6，document 是连接DOM 和BOM
document是有下级
windows
三个弹出框
1,window.alert(12345);
2,window.prompt(有提示的输入框，默认值);
//加入提示的语句也可以加入默认值，妹妹填写就是null
var n= window.prompt(请输入 );//保存
3，window.confirm("你会xx吗")；
只能接受是否true 和false
window.onload=init;
function init(){
window.open
}
window.close(); 只能关闭js代码打开的窗口；‘’
定时器
一次性定时器：window.setTimeout
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 夺命雷公狗---javascript NO:11 事件对象1
- JavaScript基础系列11---事件对象
- JavaScript取当前事件相关对象的数据问题？
- javascript的Document对象——事件
- Javascript:为Element对象添加事件
- JavaScript:window.event.srcElement（指触发事件的对象）
- JavaScript[对象.属性]集锦、事件查询综合
- Javascript 给String对象扩展HTML编码和解码的方法
- 得到javascript中html所有对象
- JavaScript对象.属性]集锦、事件查询综合
- Javascript公共脚本库系列(三): 格式化事件对象/事件对象详解
- javascript事件和对象绑定
- JavaScript 之HTML内对象
- javaScript 可以改变大小的textArea (任意html对象 div也可以)
- 使用JavaScript显示或隐藏html对象
- html和javascript中按钮事件处理的不同
- JavaScript 之HTML内对象
- JavaScript中的事件Event对象
- HTML对象的拖放事件