Javascript事件处理函数及其使用列表
Javascript事件处理函数及其使用列表
事件处理函数影响的元素何时发生onAbort图像当图像加载时
onBlur窗口、框架、所有表
单对象当焦点从对象上移开时（如：光标离开文本框）
onChange输入框、选择和文本
框当用户改变一个元素值且
失去输入焦点时
onClick链接、按钮、表单对
象、图像映射区域但用户单击对象时。
返回false来取消默认的动作
onDblClick链接、按钮、表单对
象
当用户双击对象时
onDragDrop窗口当用户将一个对象拖
放到浏览器窗口时onError脚本当脚本中发生语法错
误等错误时
onFocus窗口、框架、所有表
单对象单击或者移动到焦点窗口或框架时
onKeyDown文档、图像、链接、
表单
当按键被按下时
onKeyPress文档、图像、链接、
表单当按键被按下然后松开时
onKeyUp文档、图像、链接、
表单
当按键被松开时onLoad主体、框架集、图像文档或图像加载后onMouseout链接鼠标移出时onMouseOver链接鼠标移动到链接时onMove窗口当浏览器窗口移动时
onRest表单复位按钮单击表单的rest按钮onResize窗口当浏览器窗口大小改
变时
onSelect表单元素当选择一个表单对象
时
onSubmit表单当要发送表格到服务
器时
onUnload主体、框架集文件或框架集关闭或
复位后。
js on方法
js on方法JS on方法是JavaScript中非常常用的一个方法，它在很多场景下都能发挥重要作用。
本文将详细介绍JS on方法的用法和应用场景，帮助读者更好地理解和应用这个方法。
我们来了解一下JS on方法的基本语法。
它的语法如下所示：```javascriptelement.on(eventName, eventHandler);```其中，element表示需要绑定事件的元素，eventName表示事件的名称，eventHandler表示事件处理函数。
通过调用on方法，我们可以将指定的事件绑定到指定的元素上，当事件触发时，对应的事件处理函数将被调用。
JS on方法可以用于绑定各种类型的事件，比如鼠标点击事件、键盘按下事件、表单提交事件等等。
下面我们将分别介绍几种常见的应用场景。
1. 鼠标点击事件鼠标点击事件是Web开发中最常见的事件之一，通过JS on方法，我们可以轻松地为元素绑定点击事件。
例如，我们可以通过以下代码为一个按钮绑定点击事件：```javascriptlet button = document.querySelector('button');button.on('click', function() {console.log('按钮被点击了');});```2. 键盘按下事件键盘按下事件是处理用户键盘输入的重要事件。
通过JS on方法，我们可以为输入框等元素绑定键盘按下事件，实时响应用户的输入。
例如，我们可以通过以下代码为一个输入框绑定键盘按下事件：```javascriptlet input = document.querySelector('input');input.on('keydown', function(event) {console.log('用户按下了键盘按键', event.keyCode);});```3. 表单提交事件表单提交事件在Web开发中非常常见，它通常用于在用户填写完表单后，将表单数据提交到服务器进行处理。
function(e)的用法
一、简介function(e)是JavaScript中常见的语法结构，用于定义函数和处理事件。
其中，e通常表示事件对象，可以在函数内部使用这个对象来获取触发事件的相关信息。
二、在函数中使用event对象1. 在事件处理函数中，可以通过function(e)来接收事件对象e，然后在函数内部使用这个对象来获取事件的相关信息，比如触发事件的元素、事件的类型等。
2. 通过event对象可以获取元素的相关信息，比如获取事件触发的元素，获取鼠标位置等。
这些信息可以帮助开发者更灵活地处理事件。
三、示例以下是一个简单的示例，演示了如何在函数中使用event对象来处理鼠标点击事件。
```// HTML部分<button id="btn">点击我</button>// JavaScript部分document.getElementById('btn').addEventListener('click',function(e) {console.log('触发了点击事件');console.log('事件类型：' + e.type);console.log('触发事件的元素：' + e.target);console.log('鼠标点击的X坐标：' + e.clientX);console.log('鼠标点击的Y坐标：' + e.clientY);});```四、在不同情况下的用法1. 在事件处理函数中，可以根据需要选择是否使用event对象。
如果需要获取事件相关的信息，就可以在函数中使用function(e)，然后通过e来获取相应的信息。
2. 在一些情况下，可能并不需要event对象，比如一些简单的事件处理函数，只需要执行一些特定的操作，不需要获取事件的相关信息。
javaScript事件执行顺序（学习记录）
javaScript事件执⾏顺序（学习记录）
javaScript事件执⾏顺序
想要理解事件执⾏顺序，就必须了解以下两件事
1.事件循环（不⽤看内容，知道名字就⾏）
JavaScript 语⾔的⼀⼤特点就是单线程。
所以同⼀时间只能做⼀件事，为了解决这个问题，Event Loop⽅案应运⽽⽣。
2.任务队列
根据规范，事件循环是通过任务队列的机制进⾏协调的的。
宏任务（macrotask）主要包括：script(整体代码)、setTimeout、setInterval、I/O、UI交互事件、postMessage、MessageChannel、setImmediate(Node.js 环境)。
微任务（microtask）主要包括：Promise.then、MutaionObserver、process.nextTick(Node.js 环境)。
执⾏顺序为：优先按顺序执⾏--先执⾏宏任务，同时遇到微任务将其放⼊微任务队列--第⼀圈宏任务执⾏完毕，紧接着执⾏微任务--执⾏完微任务，再紧接着执⾏微任务。
即按顺序循环执⾏：宏任务->微任务->宏任务->微任务
直到所有事件执⾏完毕。
练习题及相关资料。
JavaScript程序设计课件：第 5 章 事件和事件处理
图像中的地图名
<IMG src="tt1.JPG" USEMAP="#abc">
<MAP NAME="abc">
<AREA COORDS="5,5,300,120" href="gg1.jpg" target=_blank>
<AREA COORDS="300,5,600,120" onClick="mh()">
<body>
<h3> Example:链接的mouseOver事件</h3>
<A href=# onMouseOver="pm('您的鼠标经过链接了!')">
请把鼠标放过来，看看会发生什么事情:)
</A>
</body>
</h7tml>
5.3.2 处理窗口事件 例5-3(P93)
<html> <head> <title> Example:窗口的load和unload事件</title>
function ch() {erName.value=""; document.test.passWord.value=""; } </script>
12
5.3.5 处理窗体事件 例5-6(P97)
</head> <body> <form name="test"> <h3> Example:窗体事件</h3> <font size="2">用户名称:</font> <input type="text" name="userName"> <br><br> <font size="2">用户密码:</font> <input type="text" name="passWord"> <br><br> <input type="button" name="ok" value="确定" onClick="okh()">          <input type="button" name="cancel" value="取消" onClick="ch()"> </form> </body>
javascript事件的用法
javascript事件的用法JavaScript 事件的用法如下：1. 在HTML 元素上绑定事件：可以通过在HTML 元素的属性中添加事件处理函数来绑定事件。
例如，可以通过添加`onclick` 属性来定义当元素被点击时要执行的代码。
示例代码如下：html<button onclick="myFunction()">点击我</button><script>function myFunction() {alert("Hello World!");}</script>2. 通过JavaScript 绑定事件：可以使用JavaScript 来为元素绑定事件处理函数。
可以通过`addEventListener` 方法来添加事件处理函数。
示例代码如下：html<button id="myButton">点击我</button><script>document.getElementById("myButton").addEventListener("click", myFunction);function myFunction() {alert("Hello World!");}</script>3. 事件参数：事件处理函数可以接收事件对象作为参数，可以使用事件对象来获取关于事件的信息，如事件类型、触发事件的元素等。
示例代码如下：html<button onclick="myFunction(event)">点击我</button><script>function myFunction(event) {alert("事件类型: " + event.type);alert("触发事件的元素: " + event.target);}</script>4. 移除事件处理函数：可以通过`removeEventListener` 方法来移除通过`addEventListener` 添加的事件处理函数。
javascript 触发事件 函数大全
ondatasetchanged 当数据源对象对应的数据集发生变更时触发。
ondatasetcomplete 触发就表明数据源对象所有数据都可用。
ondblclick 当用户双击对象时触发。
ondeactivate 当 activeElement 从当前对象变为父文档其它对象时触发。
onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。
onpropertychange 当在对象上发生对象上发生属性更改时触发。
onreadystatechange 当对象状态变更时触发。
onreset 当用户重置表单时触发。
onresize 当对象的大小将要改变时触发。
onbeforepaste 在选中区从系统剪贴板来自贴到文档前在目标对象上触发。
onbeforeprint 对象的关联文档打印或打印预览前在对象上触发。
onbeforeunload 在页面将要被卸载前触发。
onbeforeupdate 当成功更新数据源对象中的关联对象前在数据绑定对象上触发。
onrowsinserted 当在当前记录集中插入新行后触发。
onscroll 当用户滚动对象的滚动条时触发。
onselect 当当前选中区改变时触发。
onselectionchange 当文档的选中状态改变时触发。
onselectstart 对象将要被选中时触发。
onstart 在 marquee 对象的每次循环开始时触发。
onblur 在对象失去输入焦点时触发。
onbounce 当 marquee 对象的 behavior 属性设置为“alternate”且字幕的内容到达窗口一边时触发。
JavaScript元素事件的绑定与解绑
JavaScript元素事件的绑定与解绑文章目录••oooo••oooo••oo绑定多个事件1. 对象.addEventListener(“事件类型”,事件处理函数,false)——谷歌和火狐支持,IE8不支持•参数1:事件的类型—事件的名字,没有on•参数2:事件处理函数—函数(命名函数,匿名函数)•参数3:布尔类型,指定事件处理函数的时期或阶段-------先写false•（第三个参数后文事件冒泡时候再说，链接：https:///weixin_45525272/article/details/10814202 9）为同一个元素绑定多个相同的事件--my$("btn").addEventListener("click",function () {console.log("你好啊");},false);my$("btn").addEventListener("click",function () {console.log("你好牛啊");},false);my$("btn").addEventListener("click",function () {console.log("你好牛逼啊");},false);my$("btn").addEventListener("click",function () {console.log("你是好牛逼啊");},false);2. 对象.attachEvent(“有on的事件类型”,事件处理函数)——谷歌不支持,火狐不支持,IE8支持•参数1:事件类型—事件名字，有on•参数2:事件处理函数—函数(命名函数,匿名函数)my$("btn").attachEvent("onclick",function () {console.log("小杨好帅哦1");});my$("btn").attachEvent("onclick",function () {console.log("小杨好帅哦2");});my$("btn").attachEvent("onclick",function () {console.log("小杨好帅哦3");// });3. 绑定事件兼容代码//为任意元素.绑定任意的事件, 任意的元素,事件的类型,事件处理函数function addEventListener(element,type,fn) {//判断浏览器是否支持这个方法if(element.addEventListener){element.addEventListener(type,fn,false);}else if(element.attachEvent){element.attachEvent("on"+type,fn);}else{element["on"+type]=fn;}}addEventListener(my$("btn"),"click",function () {console.log("你好啊");});addEventListener(my$("btn"),"click",function () {console.log("你好二啊");});addEventListener(my$("btn"),"click",function () {console.log("你好二虎啊");});4.两种方法的区别相同点: 都可以为元素绑定事件不同点:1.方法名不一样2.参数个数不一样3.addEventListener三个参数,4.attachEvent两个参数5.addEventListener 谷歌,火狐,IE11支持,IE8不支持6.attachEvent 谷歌火狐不支持,IE11不支持,IE8支持7.this不同,8.addEventListener 中的this是当前绑定事件的对象9.attachEvent中的this是window10.addEventListener中事件的类型(事件的名字)没有on11.attachEvent中的事件的类型(事件的名字)有on事件解绑注意:用什么方式绑定事件,就应该用对应的方式解绑事件1.对象.on事件名字=null// 1.绑定事件my$("btn").onclick=function () {console.log("我很好");};my$("btn2").onclick=function () {// 2.解绑事件my$("btn").onclick=null;};2. removeEventListener解绑事件对象.addEventListener(“没有on的事件类型”,命名函数,false);—绑定事件对象.removeEventListener(“没有on的事件类型”,函数名字,false);function f1() {console.log("第一个事件");}function f2() {console.log("第二个事件");}my$("btn").addEventListener("click",f1,false);my$("btn").addEventListener("click",f2,false);//点击第二个按钮把第一个按钮的第一个点击事件解绑my$("btn2").onclick=function () {//解绑事件的时候,需要在绑定事件的时候,使用命名函数my$("btn").removeEventListener("click",f1,false);};3. detachEvent解绑事件对象.attachEvent(“on事件类型”,命名函数);—绑定事件对象.detachEvent(“on事件类型”,函数名字);function f1() {console.log("第一个事件");}function f2() {console.log("第二个事件");}my$("btn").attachEvent("onclick",f1);my$("btn").attachEvent("onclick",f2);my$("btn2").onclick=function () {my$("btn").detachEvent("onclick",f1);};4. 解绑兼容性代码//绑定事件的兼容function addEventListener(element,type,fn) {if(element.addEventListener){element.addEventListener(type,fn,false);}else if(element.attachEvent){element.attachEvent("on"+type,fn);}else{element["on"+type]=fn;}}//解绑事件的兼容//为任意的一个元素,解绑对应的事件function removeEventListener(element,type,fnName) { if(element.removeEventListener){element.removeEventListener(type,fnName,false);}else if(element.detachEvent){element.detachEvent("on"+type,fnName);}else{element["on"+type]=null;}}案例：function f1() {console.log("第一个事件");}function f2() {console.log("第二个事件");}addEventListener(my$("btn1"),"click",f1);addEventListener(my$("btn1"),"click",f2);my$("btn2").onclick=function () {removeEventListener(my$("btn1"),"click",f1);};JavaScript switch加载多个事件common.jsfunction my$(id) {return document.getElementById(id);}//设置任意的标签中间的任意文本内容function setInnerT ext(element,text) {//判断浏览器是否支持这个属性if(typeof element.textContent =="undefined"){//不支持element.innerT ext=text;}else{//支持这个属性element.textContent=text;}}//获取任意标签中间的文本内容function getInnerT ext(element) {if(typeof element.textContent=="undefined"){return element.innerText;}else{return element.textContent;}}index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>title</title></head><body><input type="button" value="小红帽" id="btn"/><script src="common.js"></script><script>//为同一个元素绑定多个不同的事件,指向相同的事件处理函数my$("btn").onclick = f1;my$("btn").onmouseover = f1;my$("btn").onmouseout = f1;function f1(e) {switch (e.type) {case "click":alert("好帅哦");break;case "mouseover":this.style.backgroundColor = "red";break;case "mouseout":this.style.backgroundColor = "green";break;}}// my$("btn").οnmοuseοver=function (e) {// console.log(e);// };</script></body></html>。
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
window.onmousemove = function() { clickX = event.clientX; clickY = event.clientY; var div = document.createElement("img"); div.src = "hhh.gif" div.style.position = "absolute"; div.style.width = '100px'; div.style.left = clickX + "px"; div.style.top = clickY + "px"; document.body.appendChild(div);
};
页面坐标位置pageX与pageY；
window.onclick = function() { clickX = event.pageX; clickY = event.pageY; var div = document.createElement("img"); div.src = "ppp.png" div.style.position = "absolute"; div.style.width = '100px'; div.style.left = clickX + "px"; div.style.top = clickY + "px"; document.body.appendChild(div);
// if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) { // return false; // } // return true; // } catch (e) { // return false; // } return false; }
javascript触发事件
javascript触发事件1.单击事件___onclick用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.如:input type=button value=打开页面onlick=window.open('xxxx.html','newwindow','width=456,height =230,toolbar=no,menubar=no,scrollbars=yes');2.改变事件___onchange当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.如;textarea name=liuyan rows=5 cols=70 value= onchange=alert(您在文本框中添加了新的内容)3.选中事件____onselect当text或textarea对象中的文字被选中里会引发该事件如:ipnut type=text value=默认信息 onselect=alert(您选中了文本框中的文字)4.获得焦点事件____onfocus用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.如:select name=zhengjian onfocus=alert(我成为焦点)5.失去焦点事件______onblur失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件.6.载入文件事件____onload当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在body标记中.如:body onload=alert(正在加载页面,请等待...)7.卸载文件事件____onunload与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态如:body onunload=confirm(你确定要离开本页?)8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件如:input type=boutton value=按钮onmouseover=window.status='请您注意下面的状态栏'; return true9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果.10.一般事件ondbclick 鼠标双击事件鼠标上的按键被按下时激活的事件鼠标按下后,松开鼠标时触发的事件鼠标移动里触发的事件.onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象11.页面相关事件onabort 图片在下载时被用户中断onbeforeunload 当前页面的内容将要被改变时触发的事件onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误.onmove 浏览器的窗口被移动里触发的事件onresize 当浏览器的大小被改变时触发的事件onscroll 浏览器的滚动条位置发生变化时触发的事件onstop 浏览器的停止按钮被按下或者正在下载的文件被中断时触发的事件.12. 表单相关事件onreset 当表单中reset属性被激活时触发的事件.onsubmit 一个表单被递交时触发的事件.13.滚动字幕事件onbounce 当marquee内的内容移动至marquee显示范围之外时触发的事件.onfinish 当marquee元素完成需要显示的内容后触发的事件.onstart 当marquee元素开始显示内容时触发的事件.14.编辑事件.onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件.body oncontentmenu=return false禁止使用鼠标右键oncopy 当页面当前被选择内容被复制后触发的事件oncut 当页面当前被选择内容被剪切时触发的事件onpaste 当内容被粘贴时触发的事件ondrag 当某个对象被拖动时触发的事件ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件.15.数据绑定onafterupdate 当数据完成由数据源到对象的传送时触发的事件oncellchange 当数据来源发生变化时触发的事件ondataavailable 当数据接收完成时触发的事件ondatasetchanged 数据在数据源发生变化时触发的事件.ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件.onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件.onrowexit 当前数据源的数据将要发生变化时触发的事件onrowsdelete 当前数据记录将被删除时触发的事件onrowsinserted 当前数据源将要插入新数据记录时触发的事件16.外部事件onafterprint 当文档被打印后触发的事件onbeforeprint 当文档即将打印时触发的事件onhelp 当浏览者按下F1键或者单击浏览器中的帮助按钮时触发的事件。
javascript事件查询及函数查询（网络收藏）
javascript事件查询及函数查询（⽹络收藏）javascript事件查询综合(转)javascript事件查询综合click() 对象.click() 使对象被点击。
closed 对象.closed 对象窗⼝是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提⽰信息") 弹出确认框，确定返回true取消返回falsecursor:样式更改⿏标样式 hand crosshair text wait help default auto e/s/w/n-resizeevent.clientX 返回最后⼀次点击⿏标X坐标值；event.clientY 返回最后⼀次点击⿏标Y坐标值；event.offsetX 返回当前⿏标悬停X坐标值event.offsetY 返回当前⿏标悬停Y坐标值document.write(stModified) ⽹页最后⼀次更新时间document.ondblclick=x 当双击⿏标产⽣事件document.onmousedown=x 单击⿏标键产⽣事件document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，document.title document.title="message"; 当前窗⼝的标题栏⽂字document.bgcolor document.bgcolor="颜⾊值"; 改变窗⼝背景颜⾊document.Fgcolor document.Fgcolor="颜⾊值"; 改变正⽂颜⾊document.linkcolor document.linkcolor="颜⾊值"; 改变超联接颜⾊document.alinkcolor document.alinkcolor="颜⾊值"; 改变正点击联接的颜⾊document.VlinkColor document.VlinkColor="颜⾊值"; 改变已访问联接的颜⾊document.forms.length 返回当前页form表单数document.anchors.length 返回当前页锚的数量document.links.length 返回当前页联接的数量document.onmousedown=x 单击⿏标触发事件document.ondblclick=x 双击⿏标触发事件defaultStatus window.status=defaultStatus; 将状态栏设置默认显⽰function function xx(){...} 定义函数isNumeric 判断是否是数字innerHTML xx=对象.innerHTML 输⼊某对象标签中的html源代码innerText divid.innerText=xx 将以div定位以id命名的对象值设为XXlocation.reload(); 使本页刷新，target可等于⼀个刷新的⽹页Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整Math.floor(number) 将对象number转为整数，舍取所有⼩数Math.min(1,2) 返回1,2哪个⼩Math.max(1,2) 返回1,2哪个⼤navigator.appName 返回当前浏览器名称navigator.appVersion 返回当前浏览器版本号navigator.appCodeName 返回当前浏览器代码名字erAgent 返回当前浏览器⽤户代标志onsubmit onsubmit="return(xx())" 使⽤函数返回值opener opener.document.对象控制原打开窗体对象prompt xx=window.prompt("提⽰信息","预定值"); 输⼊语句parent parent.框架名.对象控制框架页⾯return return false 返回值random 随机参数（0⾄1之间）reset() form.reset(); 使form表单内的数据重置split("") string.split("") 将string对象字符以逗号隔开submit() form对象.submit() 使form对象提交数据String对象的 charAt(x)对象反回指定对象的第多少位的字母lastIndexOf("string") 从右到左询找指定字符，没有返回-1indexOf("string") 从左到右询找指定字符，没有返回-1LowerCase() 将对象全部转为⼩写UpperCase() 将对象全部转为⼤写substring(0,5) string.substring(x,x) 返回对象中从0到5的字符setTimeout("function",time) 设置⼀个超时对象setInterval("function",time) 设置⼀个超时对象toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfinedwindow.event.button==1/2/3 ⿏标键左键等于1右键等于2两个键⼀起按为3window.screen.availWidth 返回当前屏幕宽度(空⽩空间)window.screen.availHeight 返回当前屏幕⾼度(空⽩空间)window.screen.width 返回当前屏幕宽度(分辨率值)window.screen.height 返回当前屏幕⾼度(分辨率值)window.document.body.offsetHeight; 返回当前⽹页⾼度window.document.body.offsetWidth; 返回当前⽹页宽度window.resizeTo(0,0) 将窗⼝设置宽⾼window.moveTo(0,0) 将窗⼝移到某位置window.focus() 使当前窗⼝获得焦点window.scroll(x,y) 窗⼝滚动条坐标，y控制上下移动，须与函数配合window.open() window.open("地址","名称","属性")属性:toolbar(⼯具栏),location(地址栏),directions,status(状态栏),menubar(菜单栏),scrollbar(滚动条),resizable(改变⼤⼩), width(宽),height(⾼),fullscreen(全屏),scrollbars(全屏时⽆滚动条⽆参数,channelmode(宽屏),left(打开窗⼝x坐标),top(打开窗⼝y坐标)window.location = 'view-source:' + window.location.href 应⽤事件查看⽹页源代码;a=new Date(); //创建a为⼀个新的时期对象y=a.getYear(); //y的值为从对象a中获取年份值两位数年份y1=a.getFullYear(); //获取全年份数四位数年份m=a.getMonth(); //获取⽉份值d=a.getDate(); //获取⽇期值d1=a.getDay(); //获取当前星期值h=a.getHours(); //获取当前⼩时数m1=a.getMinutes(); //获取当前分钟数s=a.getSeconds(); //获取当前秒钟数对象.style.fontSize="⽂字⼤⼩";单位：mm/cm/in英⼨/pc帕/pt点/px象素/em⽂字⾼1in=1.25cm1pc=12pt1pt=1.2px(800*600分辩率下)⽂本字体属性：fontSize⼤⼩family字体color颜⾊fontStyle风格，取值为normal⼀般,italic斜体,oblique斜体且加粗fontWeight加粗,取值为100到900不等,900最粗,light,normal,boldletterSpacing间距,更改⽂字间距离,取值为,1pt,10px,1cmtextDecoration:⽂字修饰;取值,none不修饰,underline下划线,overline上划线background:⽂字背景颜⾊,backgroundImage:背景图⽚,取值为图⽚的插⼊路径点击⽹页正⽂函数调⽤触发器：1.onClick 当对象被点击2.onLoad 当⽹页打开,只能书写在body中3.onUnload 当⽹页关闭或离开时,只能书写在body中4.onmouseover 当⿏标悬于其上时5.onmouseout 当⿏标离开对象时6.onmouseup 当⿏标松开7.onmousedown 当⿏标按下键8.onFocus 当对象获取焦点时9.onSelect 当对象的⽂本被选中时10.onChange 当对象的内容被改变11.onBlur 当对象失去焦点onsubmit=return(ss())表单调⽤时返回的值直线 border-bottom:1x solid black虚线 border-bottom:1x dotted black点划线 border-bottom:2x dashed black双线 border-bottom:5x double black槽状 border-bottom:1x groove black脊状 border-bottom:1x ridge black。