博客园

HTML_11_javascript_对象，事件，定时器



对象：类中的具体事例
类：一类



location对象

location.href; url信息返回，可获取也可以跳转
location.href=“ http：//www.baidu.com";
location.assign("http://"); 加载新的文档
location.reload（）; 重新加载
location.replace("http://"); 跳转 无法返回


栗子

js：

window.οnlοad=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.οnlοad=函数名 ； //init，初始化 </script>
<script>window.οnlοad=函数名 （）；  </script> 先执行函数
<body οnlοad="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.οnlοad=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.οnlοad=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.οnlοad=函数名 ； //init，初始化 </script>
<script>window.οnlοad=函数名 （）；  </script> 先执行函数
<body οnlοad="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.οnlοad=init;
function init(){
window.open
}




window.close();  只能关闭js代码打开的窗口；‘’

定时器
一次性定时器：window.setTimeout














posted @ 2016-10-28 20:52  孙中明  阅读(196)  评论(0)  编辑  收藏  举报