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 获取链接(url)参数的方法
Feb 15 Javascript
js图片延迟加载的实现方法及思路
Jul 22 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
JS简单实现表格排序功能示例
Dec 20 Javascript
微信小程序 picker 组件详解及简单实例
Jan 10 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
详解vue-cli 脚手架项目-package.json
Jul 04 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
Sep 27 Javascript
vue setInterval 定时器失效的解决方式
Jul 30 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
对javascript和select部件的结合运用
2006/10/09 PHP
PHP 源代码压缩小工具
2009/12/22 PHP
php保存信息到当前Session的方法
2015/03/16 PHP
百度地图API使用方法详解
2015/08/25 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
php执行多个存储过程的方法【基于thinkPHP】
2016/11/08 PHP
Yii框架引用插件和ckeditor中body与P标签去除的方法
2017/01/19 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
Javascript常用运算符(Operators)-javascript基础教程
2007/12/14 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
用Jquery.load载入页面后样式没了页面混乱的解决方法
2014/10/20 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
javascript折半查找详解
2015/01/26 Javascript
详解nodejs中exports和module.exports的区别
2017/02/17 NodeJs
简单实现js鼠标跟随效果
2020/08/02 Javascript
详解Javascript 中的 class、构造函数、工厂函数
2017/12/20 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
详解处理bootstrap4不支持远程静态框问题
2018/07/20 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
linux环境中没有网络怎么下载python
2019/07/07 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
基于python 等频分箱qcut问题的解决
2020/03/03 Python
Python实现代码块儿折叠
2020/04/15 Python
如何利用python 读取配置文件
2021/01/06 Python
怎样实现H5+CSS3手指滑动切换图片的示例代码
2019/05/05 HTML / CSS
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
丝芙兰墨西哥官网:Sephora墨西哥
2020/05/30 全球购物
三年级音乐教学反思
2014/01/28 职场文书
工程师岗位职责规定
2014/02/26 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
捐书活动倡议书
2015/04/27 职场文书
爱国主义影片观后感
2015/06/18 职场文书