在JS中，DOM的遍历一般用到一下三种方法： document.getElementById 通过ID获取元素节点。 document.getElementsByTagName 通过标签名称获取元素节点， 返回的是一个数组。 document.getElementsByName 通过标签的name属性获取元素节点，返回的也是是一个数组。 例外还有 document.getElementsByClass, 这个在IE上好像不兼容。 下面是我写的DOM遍历的一个例子：baidu.com2345.comsina.comgoogle.comgo homethis is span1...
本文实例讲述了JavaScript实现动态添加，删除行的方法。分享给大家供大家参考。具体如下： 增加Table行 // Example: obj = findObj("image1"); function findObj(theObj, theDoc){ var p, i, foundObj;if(!theDoc) theDoc = document; if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) { theDoc = parent.frames[theObj.substring(p+1)].document; theObj = theObj.substring(0,p); } if(!(foundObj = theDoc[theOb...
在开发的时候经常遇到分页比较麻烦，尤其对于一个后端程序猿来说，但是这个问题不能不解决，于是找了一个分页的控件用用，记录在下，以便以后使用。 以下是官网中使用的简单例子：//以下将以jquery.ajax为例，演示一个异步分页 $.getJSON('test/demo1.json', {curr: 6}, function(res){ //从第6页开始请求。返回的json格式可以任意定义 laypage({ cont: 'page1', //容器。值支持id名、原生dom对象，jquery对象。【如该容器为】： ...
在做项目时有一个需求，是需要复制内容到剪切板，因为有众多浏览器，所以要兼容性很重要。1、最简单的copy，只能在IE下使用使用clipboardData方法function copy(){ window.clipboardData.setData("text",document.getElementById("name").value); alert("The text is on the clipboard, try to paste it!"); }2、跨浏览器的，但是Firefox无法复制function CopyToClipboard () { var input = document.getElementById ("toClipboard...
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 函数是对象，有自己的属性和方法 。首先通过console下输出的函数属性方法来直观的看一下：函数内部属性只要包括两个特殊的对象：arguments和this。函数属性包括：length和prototype函数方法（非继承）包括：apply()和call()继承而来的函数方法：bind()、toString()、toLocaleString()、valueOf()其他的目前不熟，后面再补充 1. 函数内部属性 在函数内部，有两个特殊...
最近的工作在做一个多步骤多分步的表单页面，这个多步骤多分步的意思是说这个页面的业务是分多个步骤完成的，每个步骤可能又分多个小步骤来处理，大步骤之间，以及小步骤之间都是一种顺序发生的业务关系。起初以为这种功能很好做，就跟tab页的实现原理差不多，真做下来才发现，这里面的相关逻辑还是挺多的（有可能是我没想到更好地办法~），尤其是当这个功能跟表单，还有业务数据的状态结合起来的时候。我把这个功能相关的一些逻辑...
先为大家分享JS原型继承实例，供大家参考，具体内容如下 一、JS原型继承JS原型继承 //clone()函数用来创建新的类Person对象var clone = function(obj) {var _f = function() {};//这句是原型式继承最核心的地方，函数的原型对象为对象字面量_f.prototype = obj;return new _f;}//先声明一个对象字面量var Animal = {somthing: 'apple',eat: function() {console.log("eat " + this.somthing);}}//不需要定义一个Person的子类，只要...
在前端模块化的时候，不仅仅是js需要进行模块化管理，html有时候也需要模块化管理。这里就介绍下如何通过requirejs，实现html代码的模块化开发。如何使用requirejs加载htmlReuqirejs有一个text的插件，它可以读取指定文件的内容，读取到的内容就是文本。如何下载text插件第一种方法，可以通过npm下载： npm install requirejs/text 第二种方法，也可以直接去官方github上面直接下载。 直接拷贝内容到text.js中即可。如何安装text插...
代码如下: //JS操作cookies方法! //写cookies function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } //读取cookies function getCookie(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); e...
document是位于html标签之上的，可以说是权力最大的。下面的实例当你单击页面上的任何位置都会弹出“a”,正是运用了document的特性。 代码如下: document.onclick=function(){ alert('a'); }; 获取鼠标位置clientX,clientY---注意这里仅仅只是可视区的鼠标位置 代码如下: document.onclick=function(ev){ if(ev) { alert(ev.clientX+','+ev.clientY); } els...
showModalDialog:模式窗口, 一种很特别的窗口,当它打开时,后面的父窗口的活动会停止,除非当前的模式子窗口关闭了, 才能操作父窗口.在做网页Ajax开发时,我们应该有时会用到它来实现表单的填写, 或做类似网上答题的窗口. 它的特点是,传参很方便也很强大,可直接调用父窗口的变量和方法. 使用方法： vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 参数说明： sURL-- 必选参数，类型：字符串。用来指定...
前序、中序、后序的非递归遍历中，要数后序最为麻烦，如果只在栈中保留指向结点的指针，那是不够的，必须有一些额外的信息存放在栈中。方法有很多，这里只举一种，先定义栈结点的数据结构代码如下:typedef struct{Node * p; int rvisited;}SNode //Node 是二叉树的结点结构，rvisited==1代表p所指向的结点的右结点已被访问过。 lastOrderTraverse(BiTree bt){ //首先，从根节点开始，往左下方走，一直走到头，将路径上的每一个结...
在javascript代码中经常会见到!!的情况，本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用。具体分析如下： javascript中的!!是逻辑"非非"，即是在逻辑“非”的基础上再"非"一次。通过!或!!可以将很多类型转换成bool类型，再做其它判断。 一、应用场景：判断一个对象是否存在 假设有这样一个json对象：{ color: "#E3E3E3", "font-weight": "bold" }需要判断是否存在，用!!再好不过。 如果仅仅...
本文实例讲述了javascript解析json的方法。分享给大家供大家参考。具体方法如下： 下载json库 http://www.json.org/json-zh.html自己找javascript的 或者直接去下面的 https://github.com/douglascrockford/JSON-js php生成json格式 使用页面代码如下: alert(data.toJSONString()); 如果返回false说明没数据 js 代码：代码如下:functionshowJSON() { varuser = { "username":"tom", "age":20, "info": {"tel":"123456"...
本文实例讲述了javascript继承机制。分享给大家供大家参考。具体分析如下： 初学javascript一般很难理解Javascript语言的继承机制它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。 我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。 一、如何创建一个类 假设有给叫Person的类如下：代码如下:var...