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 相关文章推荐
浏览器脚本兼容 文本框中,回车键触发事件的兼容
Jun 21 Javascript
jquery随机展示头像代码
Dec 21 Javascript
让js弹出窗口居前显示的实现方法
Jul 10 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
javascript中new关键字详解
Dec 14 Javascript
JS正则表达式判断有效数实例代码
Mar 13 Javascript
详解Vue中状态管理Vuex
May 11 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
原生js实现自定义消息提示框
Nov 19 Javascript
一篇文章弄清楚Ajax请求的五个步骤
Mar 17 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
PHP中实现进程间通讯
2006/10/09 PHP
PHP chmod 函数与批量修改文件目录权限
2010/05/10 PHP
php mail to 配置详解
2014/01/16 PHP
网站防止被刷票的一些思路与方法
2015/01/08 PHP
php制作动态随机验证码
2015/02/12 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
div+css布局的图片连续滚动js实现代码
2010/05/04 Javascript
JavaScript执行顺序详细介绍
2013/12/04 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JS实现定时自动关闭DIV层提示框的方法
2015/05/11 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
JS+CSS实现美化的下拉列表框效果
2015/08/11 Javascript
JS简单随机数生成方法
2016/09/05 Javascript
微信小程序 wxapp画布 canvas详细介绍
2016/10/31 Javascript
如何快速上手Vuex
2017/02/14 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
NodeJS模块与ES6模块系统语法及注意点详解
2019/01/04 NodeJs
微信小程序3D轮播实现代码
2019/09/19 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
[15:20]DOTA2-DPC中国联赛 正赛 Elephant vs Aster 选手采访
2021/03/11 DOTA
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
在Python操作时间和日期之asctime()方法的使用
2015/05/22 Python
Python3实现定时任务的四种方式
2019/06/03 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
竞选大队长演讲稿
2014/04/29 职场文书
环保倡议书怎么写
2014/05/16 职场文书
公司市场专员岗位职责
2014/06/29 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
基于PyQT5制作一个桌面摸鱼工具
2022/02/15 Python