Welcome 微信登录

首页 / 脚本样式 / JavaScript

javascript基础之查找元素的详细介绍(访问节点)

javascript基础之查找元素的详细介绍(访问节点)

当然这些选择器都是jQuery扩展的一些方法,那么使用原生js时要怎样来查找元素呢?今天就来简单梳理下。DOM定义了多种查找元素的方法,除了我们常用的getElementById(),还有getElementsByTagName()和getElementsByName()。使用这几种方法方法我们可以查找html文档中的任意html元素。getElementById()首先来看下getElementById(),这个方法很简单,只需在参数中传入html标签的...
基于JavaScript 下namespace 功能的简单分析

基于JavaScript 下namespace 功能的简单分析

之前看到网易还是新浪还是什么什么网站来着,也是用类似这种东西的,当时对js只是九牛一毛的水平,当场被吓傻了。但这次,我打算亲自分析下,以后在看到就不会迷茫了。复制代码 代码如下://调用例子:bradio.namespace("bradio.lang.array");//下面是百度编译后的源码,变量都是a,b,c,d...之后我会重新写一个规范点的。//好了,开始分析bradio.namespace = function () { //创建命名空间 var...
如何使用jQuery Draggable和Droppable实现拖拽功能

如何使用jQuery Draggable和Droppable实现拖拽功能

在以前的文章中我已经介绍了web开发中基本拖放原理,现在给出需要完成的功能。最后运行的效果如下图所示:主要功能需求说明:1.左侧的元素结构最后会通过Ajax call服务器的数据来生成,能支持多级元素。父节点可以折叠起来2.用户可以通过拖放的操作,将元素从左侧拖放到右侧。如果是拖的父节点元素,那么需要把它子节点的元素一并拖到右边3.元素放到右侧,右侧可以接受元素的区域有2种可能。一种新建一个区域,就类似“华东交通大学”所示。另外一种就是拖放到已经有元素的区...
在JavaScript里嵌入大量字符串常量的实现方法

在JavaScript里嵌入大量字符串常量的实现方法

数量少还好,多的话就密密麻麻的一坨文字,讲究美观的文艺青年们,会用大量的字符连接符号甚至加上缩进,强制换成好几行。例如:复制代码 代码如下:var html = "<div>" + "<p>Hello</p>" + "<p>World"</p>" + "</div>";这还好,要是字符串里有不少双引号单引号,那就更麻烦了,各种转义字符看的眼花缭乱。 其实有个不怎么起眼的小技巧,就能解...
20行代码实现的一个CSS覆盖率测试脚本

20行代码实现的一个CSS覆盖率测试脚本

document.styleSheets里保存了当前页面上所有CSS规则的集合。通过它可以遍历出页面<style>里定义的所有selector,访问selectorText属性可得选择器的匹配规则。然后将规则规则传递给 document.querySelectorAll 即可获取页面内匹配此规则的元素列表。这里我们只求CSS规则的覆盖率,所以访问 querySelectorAll().length 即可。通过排序就可看出各个CSS使用情况。代码...
JavaScript 上万关键字瞬间匹配实现代码

JavaScript 上万关键字瞬间匹配实现代码

提到关键字搜索,首先联想到的无非就是使用一些indexOf,replace之类的字符函数,最多加上一些正则表达式而已.实现起来虽然很简单,但是这背后的效率问题可曾仔细考虑过?例如论坛中的关键字过滤,一般情况下需过滤的关键字数量及检测的文本长度都不大,所以这一瞬间的过程没有太多值得关注的地方。但若关键字数量不在是屈指可数,而是有成千上万, 并且待检测的文本也是一长篇大论,结果可不再是那么乐观了。大家都知道,每多一个关键字,就要增加一次全文的检索,最终花费的时...
从数据结构的角度分析 for each in 比 for in 快的多

从数据结构的角度分析 for each in 比 for in 快的多

之前听说火狐的JS引擎支持for each in的语法,例如下述的代码:复制代码 代码如下:var arr = [10,20,30,40,50];for each(var k in arr)console.log(k); 即可直接遍历出arr数组的内容。 由于只有FireFox才支持,所以几乎所有的JS代码都不用这一特征。 不过在ActionScript里天生就支持for each的语法,不论Array还是Vector,还是Dictionary,只要...
<< 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 >>