javascript常用方法

关键词：

什么是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数组常用方法大全

前言大家好，我是CoderBin，本次总结了JavaScript中关于数组的一些常用操作，想学习其他方法或者深入学习这些方法的可点击前往MDN-Array。希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正 查看详情

javascript常用方法

一、前言这里统计一下开发过程中经常遇到的方法，希望对大家有所帮助。二、方法2.1数组类常用方法：1.slice(start,end)从索引为start的开始取，取到索引为end的为止(不包括end),如果end为负数，表示索引为数组的长度+负数.例如：2.... 查看详情

javascript常用定义和方法

1.字符串一些常用方法，注意，调用这些方法本身不会改变原有字符串的内容，而是返回一个新字符串。toUpperCase()把一个字符串全部变为大写：vars=‘Hello‘;s.toUpperCase();//返回‘HELLO‘toLowerCase()把一个字符串全部变为小写：vars=... 查看详情

javascript中常用的事件绑定方法

  我们要想让JavaScript对用户的操作作出响应，首先要对DOM元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。在JavaScript中，有三种常用的绑定事件的方法：在DOM元素中直... 查看详情

javascript中数组的一些常用方法

　　在JavaScript中，除了Object之外，Array类型应该是最常用的类型了。它的每一项可以保存任何类型的数据，也就是说，可以用数组的第一个位置来保存字符串、第二个位置来保存数值、第三个位置来保存一个对象等。 　　Jav... 查看详情

javascript入门篇-常用互动方法

为什么学习JavaScript一、你知道，为什么JavaScript非常值得我们学习吗？1.所有主流浏览器都支持JavaScript。2.目前，全世界大部分网页都使用JavaScript。3.它可以让网页呈现各种动态效果。二、易学性1.学习环境无外不在，只要有文本... 查看详情

javascript--字符串常用方法总结

JavaScript--字符串常用方法总结举例模板：varstr="whatareyou"varstr1="sss"vartxt=str.方法(参数1,参数2...)console.log(txt) 1.charAt(索引):根据索引,返回字符串中指定的字符串vartxt=str.charAt(5) 2.charCodeAt(索引):根据索引,返回字符串中指定字... 查看详情

javascript常用方法

什么是javascript？  (1) JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。  (2)JavaScript是由Netscape公司开发的一种脚本语言，其编写的程序可以嵌入到HTML页面中，并直接在浏览器中解... 查看详情

javascript操作array对象常用的方法

 转换方法因为JavaScript内部机制（继承），所有的对象都具有toLocalString()、toString()、valueOf()方法，Array也不例外so:varcolors=["red","blue","green"];alert(colors.toString());//red,blue,greenalert(colors.valueOf());//red,blue,g 查看详情

javascript数组常用方法

总结一下JavaScript中一些常用的数组方法以及ES5新增的一些数组方法push()push的功能：在数组的尾部追加元素，可以一次追加多个，返回追加元素后的数组长度，原数组改变vararr=[1,2,3,4,5,6];varx=arr.push(22,44,55);console.log(x);console.log(arr)... 查看详情

mui常用脚本及原生javascript常用操作元素方法

1、mui元素转换html元素varobj=mui("#id")[0];2、事件绑定varbtn=document.getElementById("login"); btn.addEventListener(‘tap‘,function(){   //事件处理}); /*给address内的所有含有ajaxbtn类名的元素单击事件*/mui(‘.addre 查看详情

收集javascript中常用的方法函数

本文中，收集了一些比较常用的Javascript函数，希望对学习JS的朋友们有所帮助。1.字符串长度截取functioncutstr(str,len){ vartemp, icount=0, patrn=/[^x00-xff]/， strre=""; for(vari=0;i<str.length;i++){ if(icount<len-1){ temp=str.sub 查看详情

javascript常用数组方法

JavaScript数组方法有以下这些：forEach()方法对数组的每一个元素执行一次提供的函数。map()方法创建一个新数组，其结果是该数组都执行一次函数，原函数保持不变。filter()方法使指定函数测试数组的每一个元素，并放回一个通过... 查看详情

常用的前端javascript方法封装

1、输入一个值，返回其数据类型functiontype(para){returnObject.prototype.toString.call(para)}2、数组去重functionunique1(arr){return[...newSet(arr)]}functionunique2(arr){varobj={};returnarr.filter(ele=>{if(!obj[ele]){ob 查看详情

javascript常用类型检测

　　1.判断变量是否为数组的数据类型？　　方法一：判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效。　　方法二：objinstanceofArray，但是在某些IE版本中不正确　　方法三：来自于zepto... 查看详情

javascript数组的常用方法

//sort()数组排序[3,6,2,4,1,5]==》[6,5,4,3,2,1]//a-b是升序b-a是降序numberArray.sort(function(a,b){returnb-a;})//reverse()颠倒数组的顺序//push()pop()unshift()shift()后面增加数组后面删除数组前面增加数组前面删除数组//join()toString()数组转化为字符串//spl 查看详情

封装常用的javascript跨浏览器方法

varEventUntil={ //跨浏览器的添加事件方法 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }elseif(element.attachEvent){ element.attachE 查看详情

javascript的常用工具方法大全持续更新中...(代码片段)

JavaScript的常用工具类大全【持续更新中...】JavaScript的常用工具类1(校验邮箱格式、校验手机格式、校验身份证号、截取字段长度、求和)JavaScript的常用工具类1(解决浮动运算、小数转成整数、检测数字是否越界、精确加减乘除法... 查看详情