随笔分类 -  js prototype

摘要：DOM操作——怎样添加、移除、移动、复制、创建和查找节点。（1）创建新节点createDocumentFragment()//创建一个DOM片段createElement()//创建一个具体的元素createTextNode()//创建一个文本节点（2）添加、移除、替换、插入appendChild()removeChild()replaceChild()insertBefore()（3）查找getElementsByTagName()//通过标签名称getElementsByName()//通过元素的Name属性的值getElementById()//通过元素Id，唯一性本节要用到的html例 阅读全文

摘要：ieevent.srcElementffevent.targetvar obj = event.srcElement ? event.srcElement :event.target;1.event.srcElement.parentNode.tagName;得到上一个节点的标签名称eg:<div style="border:10px red solid"><input type="button" value="父元素标签" onclick="alert(event.srcElement.parentNod 阅读全文

摘要：ie与firefox event的详细区别window.eventIE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)鼠标当前坐标IE：event.x和event.y。FF：event.pageX和event.pageY。通用：两者都有event.clientX和event.clientY属性。鼠标当前坐标(加上滚动条滚过的距离)IE：event.offsetX和event.offsetY。FF：event.layerX和event.layerY。标签的x和y的坐标位置 阅读全文

摘要：在Javascript 中，页面上的每一对<form> 标记都解析为一个对象，即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下：<formname="frm1"method="post"action="login.aspx">获得该表单对象的方法：i>document.forms["frm1"];//根据name属性值ii>document.forms[0];//根据索引号iii>docume 阅读全文

摘要：盒子标签和属性对照CSS语法（不区分大小写）JavaScript语法（区分大小写）borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBottomStyleborder-bottom-widthborderBottomWidthborder-colorborderColorborder-leftborderLeftborder-left-colorborderLeftColorborder-left-styleborderLeftStyleborder 阅读全文

摘要：1. document.form.item 问题 问题： 现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在Firefox下运行解决方法： 统一使用 document.formName.elements["elementName"]2. 集合类对象问题 问题： IE下,可以使用()或[]获取集合类对象；Firefox下，只能使用[]获取集合类对象 解决方法： 改用[ ]作为下标运算。如：document.forms("formName") 改为 document.forms[& 阅读全文

摘要：在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态，但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled。第一种：改变disabled的boolean状态，具体代码及解释如下：1 //不可编辑 2 obj.attr("disabled",true); 3 4 //可编辑 5 obj.attr("di 阅读全文

摘要：第四章 jQuery中的事件和动画加载DOM$(window).load(function(){ //处理函数绑定给window对象 所有内容加载完毕后触发 //如果绑定在元素上，元素内容加载完毕后触发})事件绑定bin( type [,data] ,fn); //简写像click mouseover mouseout这类事件合成事件hover(enter,leave); //模拟光标悬停事件 光标移动到元素上触发enter 移除元素触发leavetoggle(fn1,fn2,...fnN); //模拟鼠标连续点击 第一次触发函数fn1 依次触发fn2事件冒泡$("element&q 阅读全文

摘要：第一章 认识jQueryjQuery代码风格 $(document).ready(function(){//...}); 简化 $(function(){//...}); jQuery对象转DOM对象 var $id = $("#id"); //jQuery对象var id = $id[0]; //DOM对象 $id.get(0); DOM对象转jQuery对象 var id = document.getElementById("id"); //DOM对象var $id = $(id); //jQuery对象 第二章 jQuery选择器基本选择器 $(& 阅读全文