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‘;

时间: 2024-08-07 12:31:00

JavaScript常用标签和方法小总结的相关文章

JavaScript常用标签和方法总结

什么是javascript?   (1) JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的 脚本语言. (2) JavaScript是由Netscape公司开发的一种脚本语言,其编写的程序可以嵌入到 HTML页面中,并直接在浏览器中解释执行. (3) JavaScript可以被浏览器直接解释执行,它可以更好得减小服务器压力,提高程 序运行效率. //事件(事件监听) : //标签对象.事件监听.function(){执行的代码,找对象,找属

JavaScript常用定义和方法

1.字符串一些常用方法,注意,调用这些方法本身不会改变原有字符串的内容,而是返回一个新字符串.toUpperCase()把一个字符串全部变为大写: var s = 'Hello'; s.toUpperCase(); // 返回'HELLO' toLowerCase()把一个字符串全部变为小写: var s = 'Hello'; var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower lower; // 'hello' indexOf()会搜索指定

JavaScript常用事件和方法

常用方法: 使用 window.alert() 弹出警告框. 使用 document.write() 方法将内容写到 HTML 文档中. 使用 innerHTML 写入到 HTML 元素. 使用 console.log() 写入到浏览器的控制台. 调试用console.log()而非alert() 使用 document.getElementById(id) 获取元素 常用事件: 鼠标 onclick 当用户点击某个对象时调用的事件句柄. oncontextmenu 在用户点击鼠标右键打开上下文

javascript创建标签的方法

用js原生代码来写一个网页板的留言板. 建立模型如下图: 首先是思路 布局整个界面 分为3个大的div 取名如下main content send mai为主要的div content为内容编辑区域 send为发送控制面板其下包含imgHead 和sendButton两个部分 在其下方放了一个空的div命名为talk用于创建留言 主要使用的方法是:createElement()和appendChild(ele)

JavaScript常用字符串处理方法

* 把字符串中的html字符转义 * @param str {String} * @return 返回转义后的字符 */ htmlEncode: function(str) { if(Object.prototype.toString.call(str) === '[object String]'){ return str.replace(htmlEncodeRegex, function(match, val){ return htmlEncodeMap[val]; http://www.mi

javascript常用事件及方法

1.获取鼠标坐标,考虑滚动条拖动 var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft; var scrollY = document.documentElement.scrollTop || document.body.scrollTop; var x = e.pageX || e.clientX + scrollX; var y

MUI常用脚本及原生JavaScript常用操作元素方法

1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("login"); btn.addEventListener('tap',function(){ //事件处理 }); /*给address内的所有含有ajaxbtn类名的元素单击事件 */ mui('.address').on('tap','.ajaxbtn',function(){    dpajax(t

Javascript常用对象的属性和方法

javascript为我们提供了一些非常有用的常用内部对象和方法.用户不需要用脚本来实现这些功能.这正是基于对象编程的真正目的. 在javascript提供了string(字符串).math(数值计算)和Date(日期)三种对象和其它一些相关的方法.从而为编程人员快速开发强大的脚本程序提供了非常有利的条件. 1.常用内部对象 在javascript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例:而另一种对象则在引用它的对象或方法是

Javascript 常用扩展方法

这篇文章纯粹是为了保存这些方法,供以后翻阅,其实一直保存在 evernote 里面,但觉得还是放到对的地方会好点. 现在收录的很少,希望以后会慢慢增多. 数组扩展 contains,remove 扩展 1 function ArrayContains(array, obj) { 2 for (var i = 0; i < array.length; i++) { 3 if (array[i] === obj) { 4 return true ; 5 } 6 } 7 return false ;