JavaScript常用标签和方法总结

前端之家收集整理的这篇文章主要介绍了JavaScript常用标签和方法总结前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

什么是javascript?

@H_301_3@

(1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言。 @H_301_3@

(2) JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到 HTML页面中,并直接在浏览器中解释执行。 @H_301_3@

(3) JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程 序运行效率。@H_301_3@

//事件(事件监听) : @H_301_3@

//标签对象.事件监听.function(){执行的代码,找对象,找属性,改属性}; @H_301_3@

事件源.触发一个事件.调用一个方法.方法找执行代码找对象,改属性(或者用属性,增删改查) @H_301_3@

onmouSEOver 鼠标移到某个元素之上 @H_301_3@

onmouSEOut 鼠标移开某个元素 @H_301_3@

onkeydown 键盘按下去(就是一直按着) @H_301_3@

onkeypress 键盘按下去再松开(就是点击 按下去再松开) @H_301_3@

oonkeyup 键盘松开(就是松开的时候) @H_301_3@

onclick 鼠标按下去再起来(点击) @H_301_3@

onmousedown 鼠标按钮按下(按着不动) @H_301_3@

onmousemove 鼠标移动(移动 按着和不按着都行) @H_301_3@

onmouSEOut 鼠标移到某元素之上(鼠标放上去的时候) @H_301_3@

onmouseup 鼠标按键松开(鼠标松开的时候) @H_301_3@

onresize 窗口或者框架被重新调整大小 @H_301_3@

window.onresize @H_301_3@

onsubmit 表单提交 @H_301_3@

onblur 元素失去焦点 @H_301_3@

onfocus 元素获取焦点 @H_301_3@

浏览器空白区域的宽和高(也就是浏览器的宽和高) @H_301_3@

宽:document.documentElement.clientWidth;@H_301_3@

高:document.documentElement.clientHeight;@H_301_3@

//获取对象的方式 : @H_301_3@

// window.document.getElementById('miao');//window可以省略 @H_301_3@

document.getElementById('miao');//ID是唯一的,不可以冲突,所以获取到的是一个对象值,不是数组 @H_301_3@

document.getElementsByTagName("a");//标签名不是唯一的 获取所有a标签对象,生成数组 @H_301_3@

document.getElementsByClassName("a");//className不是唯一的,获取所有className为a的标签对象 生成数组 @H_301_3@

document.getElementsByName("a");//Name属性不是唯一的,获取所有Name为a的标签对象,生成数组 @H_301_3@

就是整个标签@H_301_3@

获取对象后,如果想获取标签内的内容,可以调用对象的innerHTML属性 @H_301_3@

标签对象.innerHTML:代表了标签之间的文字 @H_301_3@

标签对象.innerHTML = 新的数据:就是给标签之间的内容赋值@H_301_3@

//弹框 : @H_301_3@

alert():一个普通的弹窗 @H_301_3@

confirm():弹出一个确认和取消的弹窗 @H_301_3@

prompt():带有输入框的弹出 @H_301_3@

setTimeout(func,n);//定时器,n秒后执行func中中的程序,单位是毫秒 @H_301_3@

clearTimeout(s); //取消定时器效果,参数是又setTimeout生成的时间标识 @H_301_3@

setInterval(func,n):以固定的时间间隔执行某件事 @H_301_3@

clearInterval(s);@H_301_3@

//字符串转换数值型parseInt();@H_301_3@

var h =document.documentElement.clientHeight;//获得浏览器的高 @H_301_3@

var w =document.documentElement.clientWidth;//获得浏览器的宽 @H_301_3@

var div1 = document.getElementById("id");//获得ID为id的标签的对象 @H_301_3@

iw=parseInt(w)//把w转成数值型 @H_301_3@

ih=parseInt(h) @H_301_3@

div1.style.height=ih+'px';//赋值 @H_301_3@

div1.style.width=iw+'px';@H_301_3@

以上就是本文的全部内容,希望对大家今后在做项目时用到JavaScript标签方法有所帮助。@H_301_3@

猜你在找的JavaScript相关文章