JavaScript常用标签和方法总结


Posted in Javascript onSeptember 01, 2015

什么是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标签和方法有所帮助。

Javascript 相关文章推荐
Javascript 跨域访问解决方案
Feb 14 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
js动态为代码着色显示行号
May 29 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 Javascript
网页瀑布流布局jQuery实现代码
Oct 21 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
vue.js element-ui tree树形控件改iview的方法
Mar 29 Javascript
js时间戳转yyyy-MM-dd HH-mm-ss工具类详解
Apr 30 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
Sep 01 #Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
Sep 01 #Javascript
Jquery常用的方法汇总
Sep 01 #Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 #Javascript
基于jQuery实现的向下滑动二级菜单效果代码
Aug 31 #Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 #Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 #Javascript
You might like
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
PHP动态创建Web站点的方法
2011/08/14 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面
2016/03/21 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
javascript编程起步(第五课)
2007/02/27 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
javascript HTML5 Canvas实现圆盘抽奖功能
2016/04/11 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
基于vue2的table分页组件实现方法
2017/03/20 Javascript
Vue关于数据绑定出错解决办法
2017/05/15 Javascript
JS中的三个循环小结
2017/06/20 Javascript
JavaScript表格隔行变色和Tab标签页特效示例【附jQuery版】
2019/07/11 jQuery
python定时采集摄像头图像上传ftp服务器功能实现
2013/12/23 Python
Python读取ini文件、操作mysql、发送邮件实例
2015/01/01 Python
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
在Python中使用列表生成式的教程
2015/04/27 Python
简单介绍Python中的JSON使用
2015/04/28 Python
python基础知识小结之集合
2015/11/25 Python
python利用百度AI实现文字识别功能
2018/11/27 Python
利用python实现对web服务器的目录探测的方法
2019/02/26 Python
详解Python中is和==的区别
2019/03/21 Python
会计师事务所审计实习自我鉴定
2013/09/20 职场文书
学生自我评价范文
2014/02/02 职场文书
初中班级口号
2014/06/09 职场文书
乡镇创先争优活动总结
2014/08/28 职场文书
2014年物资管理工作总结
2014/12/02 职场文书
《春酒》教学反思
2016/02/22 职场文书
python实现三次密码验证的示例
2021/04/29 Python
redis 限制内存使用大小的实现
2021/05/08 Redis
JVM入门之类加载与字节码技术(类加载与类的加载器)
2021/06/15 Java/Android
python利用pandas分析学生期末成绩实例代码
2021/07/09 Python