注册 / 登录

清河洛

您现在的位置是:首页>网站前端>JS学习

JS学习

  • XML中用XPath方式查找节点的兼容

    如果要做W3C和IE的跨浏览器兼容,我们要思考几个问题:1.如果传递一个节点的下标,IE是从0开始计算,W3C从1开始计算,可以通过传递获取下标进行增1减1的操作来进行。2.独有的功能放弃,为了保证跨浏览器。3.只获取单一节点和节点列表即可,基本可以完成所有的操作。跨浏览器获取单一节点function selectSingleNode(xmlDom, xpath) {var node = null;if (typeof xmlDom.evaluate != ''undefined'') {var patten = /[(d+)]/g;var flag = xpath.match(patten);var num = 0;if (flag !== null) {num = parseInt(RegExp.$1) + 1;xpath = xpath.replace(patten, ''['' + num + '']'');}var result = xmlDom.

    发布时间:2016-12-16 22:30:09
  • XML中用XPath方式查找节点

    一、在IE8及之前的IE浏览器,XPath是采用内置基于ActiveX的XML DOM文档对象实现的。在每一个节点上提供了两个方法:selectSingleNode()和selectNodes()。selectSingleNode()方法接受一个XPath模式(也就是查找路径),找到匹配的第一个节点并将它返回,没有则返回null。var user = xmlDom.selectSingleNode(''root/user''); //得到第一个user节点alert(user.xml); //查看xml序列我们通过xmlDom这个对象实例调用方法,而xmlDom这个对象实例其实就是一个上下文节点,这个节点指针指向的是根,也就是root元素之前。那么如果我们把这个指针指向user元素之前,那么结果就会有所变化。通过xmlDom.documentElement,并且使用user路径,省去了rootvar user = xmlDom.documentElement.selectSing

    发布时间:2016-12-16 22:29:45
  • DOM2中的XML处理

    IE可以实现对XML字符串或XML文件的读取,其他浏览器也各自实现了对XML处理功能。DOM2级在document.implementaion中引入了createDocument()方法。IE9、Firefox、Opera、Chrome和Safari都支持这个方法。一、创建XMLDOM对象var xmlDom = document.implementation.createDocument('''',''root'',null); //创建xmlDomvar user = xmlDom.createElement(''user''); //创建user元素xmlDom.getElementsByTagName(''root'')[0].appendChild(user); //添加到root下var value = xmlDom.createTextNode(''Lee''); //创建文本xmlDom.getElementsByTagName(

    发布时间:2016-12-16 22:28:41
  • 表单选择框脚本

    选择框(下拉、单选和复选)除了通用的一些属性和方法外,HTMLSelectElement类型还提供了如下的属性和方法:add(new,rel):插入新元素,并指定位置multiple:布尔值,是否允许多项选择options:<option>元素的HTMLColletion集合remove(index):移除给定位置的选项selectedIndex:基于0的选中项的索引,如果没有选中项,则值为-1,如果是多项选择,他始终返回的是第一个项size:选择框中可见的行数在DOM中,每个<option>元素都有一个HTMLOptionElement对象,以便访问数据,这个对象有如下一些属性:index:当前选项在options集合中的索引label:当前选项的标签selected:布尔值,表示当前选项是否被选中text:选项的文本value:选项的值type:选项类型(有两个值select-one和select-multiple,这取决于HT

    发布时间:2016-12-16 22:25:56
  • 表单文本框处理和过滤输入

    一.文本框脚本:在HTML中,有两种方式来表现文本框:一种是单行文本框<input type="text">,一种是多行文本框<textarea>。虽然<input>在字面上有value值,而<textarea>却没有,但通过都可以通过value获取他们的值。使用表单的value是最推荐使用的,它是HTML DOM中的属性,不建议使用标准DOM的方法。也就是说不要使用getAttribute()获取value值,因为对value属性的修改,不一定会反映在DOM中。除了value值,还有一个属性对应的是defaultValue,可以得到原本的value值,不会因为值的改变而变化。选择文本:使用select()方法,可以将文本框里的文本选中,并且将焦点设置到文本框中。选择部分文本:在使用文本框内容的时候,我们有时要直接选定部分文本,这个行为还没有标准。Firefox的解决方案是:s

    发布时间:2016-12-16 22:25:17
  • 表单字段(控件)选择和共有属性方法及事件

    表单字段(控件)选择如果想访问表单元素,可以使用之前章节讲到的DOM方法访问。但使用原生的DOM访问虽然比较通用,但不是很便利。表单处理中,我们建议使用HTML DOM,它有自己的elements属性,该属性是表单中所有元素的集合。fm.elements[0]; //获取第一个表单字段元素fm.elements[''user'']; //获取name是user的表单字段元素fm.elements.length; //获取所有表单字段的数量如果多个表单字段都使用同一个name,那么就会返回该name的NodeList表单列表。我们是通过fm.elements[0]来获取第一个表单字段的,但也可以使用fm[0]直接访问第一个字段。因为fm[0]访问方式是为了向下兼容的,所以,使用elements属性来获取。共有的表单字段属性除了<fieldset>元素之外,所有表单字段都拥有相同的一组属性。由于<input>类型可以表示多种表单

    发布时间:2016-12-16 22:24:46
  • 表单属性方法以及提交重置表单

    在HTML中,表单是由<form>元素来表示的,而在JavaScript中,表单对应的则是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因此它拥有HTML元素具有的默认属性,并且还独有自己的属性和方法:HTMLFormElement属性和方法属性或方法说明获取表单<form>对象的方法有很多种,如下:document.getElementById(''myForm''); //使用ID获取<form>元素document.getElementsByTagName(''form'')[0]; //使用获取第一个元素方式获取document.forms[0]; //使用forms的数字下标获取元素document.forms[''yourForm'']; //使用forms的名称下标获取元素document.yourForm; //使用

    发布时间:2016-12-16 22:24:05
  • DOM元素尺寸和位置

    一、获取元素CSS大小1.通过style内联获取元素的大小var box = document.getElementById(''box''); //获取元素box.style.width; //200px、空box.style.height; //200px、空style获取只能获取到行内style属性的CSS样式中的宽和高,如果有获取;如果没有则返回空。2.通过计算获取元素的大小var style = window.getComputedStyle ? window.getComputedStyle(box, null) : null || box.currentStyle;style.width; //1424px、200px、autostyle.height; //18px、200px、auto通过计算获取元素的大小,无关你是否是行内、内联或者链接,它经过计算后得到的结果返回出来。如果本身设置大小,它会返回元素的大小,如果本身没有设置,非IE浏览器会返回默认的大小,IE浏

    发布时间:2016-12-16 22:19:48
  • DOM进阶:DOM拓展和DOM操作内容

    DOM扩展1.呈现模式:从IE6开始开始区分标准模式和混杂模式(怪异模式),主要是看文档的声明。IE为document对象添加了一个名为compatMode属性,这个属性可以识别IE浏览器的文档处于什么模式如果是标准模式,则返回CSS1Compat,如果是混杂模式则返回BackCompat。PS:后来Firefox、Opera和Chrome都实现了这个属性。从IE8后,又引入documentMode新属性(该属性的值有三个数值),因为IE8有3种呈现模式分别为标准模式8,仿真模式7,混杂模式5。2.滚动:DOM提供了一些滚动页面的方法,如下:document.getElementById(''box'').scrollIntoView(); //设置指定可见scrollIntoView()可以在所有的HTML元素上调用,通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视窗中。如果给该方法传入true作为参数,或者不传入任何参数,那么窗口滚动之后会让调动元素顶部和视窗顶部尽可

    发布时间:2016-12-16 22:19:23
  • DOM进阶:DOM的类型

    DOM类型DOM基础课程中,我们了解了DOM的节点并且了解怎样查询和操作节点,而本身这些不同的节点,又有着不同的类型。DOMd的类型名和说明:Node:表示所有类型值的统一接口,IE不支持Document:表示文档类型Element:表示元素节点类型Text:表示文本节点类型Comment:表示文档中的注释类型CDATASection:表示CDATA区域类型DocumentType:表示文档声明类型DocumentFragment:表示文档片段类型Attr:表示属性节点类型一.Node类型:Node接口是DOM1级就定义了,Node接口定义了12个数值常量以表示每个节点的类型值。除了IE之外,所有浏览器都可以访问这个类型。ELEMENT_NODE:元素,nodeType值为1ATTRIBUTE_NODE:属性,nodeType值为2TEXT_NODE:文本,nodeType值为3CDATA_SECTION_NODE:CDATA,nodeType值为4ENTITY_REFERENCE_NO

    发布时间:2016-12-16 22:18:53
首页 上一页 下一页 尾页
共12条 当前1/2页


网址导航