JavaScript常用标签和方法总结

所属分类: 网络编程 / JavaScript 阅读数: 923
收藏 0 赞 0 分享

什么是javascript?  

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

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

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

//事件(事件监听) :

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

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

           onmouseover 鼠标移到某个元素之上

           onmouseout  鼠标移开某个元素

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

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

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

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

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

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

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

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

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

           window.onresize

           onsubmit    表单提交

           onblur      元素失去焦点

           onfocus     元素获取焦点

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

           宽:document.documentElement.clientWidth; 

          高:document.documentElement.clientHeight;

//获取对象的方式 : 

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

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

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

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

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

                就是整个标签

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

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

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

//弹框 :    

           alert():一个普通的弹窗

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

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

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

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

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

           clearInterval(s);

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

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

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

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

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

        ih=parseInt(h)

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

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

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

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多