随笔分类 -  Javascript

JavaScript世界的一等公民 - 函数
摘要：简介在很多传统语言（C/C++/Java/C#等）中，函数都是作为一个二等公民存在，你只能用语言的关键字声明一个函数然后调用它，如果需要把函数作为参数传给另一个函数，或是赋值给一个本地变量，又或是作为返回值，就需要通过函数指针(function pointer)、代理(delegate)等特殊的方式周折一番。而在JavaScript世界中函数却是一等公民，它不仅拥有一切传统函数的使用方式（声明和调用），而且可以做到像简单值一样赋值、传参、返回，这样的函数也称之为第一级函数（First-class Function）。不仅如此，JavaScript中的函数还充当了类的构造函数的作用，同时又是一个 阅读全文
posted @ 2012-09-21 20:19 高爽|Coder 阅读(297) 评论(0) 推荐(0)
oncopy和onpaste
摘要：在Javascript中，有相应的事件可以监听复制和粘贴，那就是oncopy和onpaste。 oncopy：demo：<body oncopy="alert('不能复制');return false;"> 你能复制我吗？ </body>使用场景：很多网站上的页面内容是不允许复制的，这样可以防止用户或者程序恶意的去抓取页面数据。以前的起点阅读小说时，就是不允许复制内容，现在更狠，把左键选择内容和右键菜单也都屏蔽了。 onpaste：demo<input type="text" nane="cardN 阅读全文
posted @ 2012-08-22 19:40 高爽|Coder 阅读(263) 评论(0) 推荐(0)
HTML DOM(二)：节点的增删改查
摘要：上一篇：HTML DOM(一) 上一篇讲述了DOM的基本知识，从其得知，在DOM眼中，HTML的每个成分都可以看作是节点(文档节点、元素节点、文本节点、属性节点、注释节点，其中，属性节点是属于元素节点)，本篇的内容就是通过DOM对这些节点进行增删改查的操作。获取(R) 1. getElementById(id)、getElementsByName(name)、getElementsByTagName(tagName)，这三种方法都会忽略文档的结构。getElementById(id)：通过id获取元素节点，如果页面上含有多个相同id的节点，那么只获取第一个节点，理论上，id在页面... 阅读全文
posted @ 2012-07-19 22:45 高爽|Coder 阅读(354) 评论(0) 推荐(0)
HTML DOM(一)：认识DOM
摘要：什么是DOM？ 通过 JavaScript，您可以重构整个HTML文档。您可以添加、移除、改变或重排页面上的项目。要改变页面的某个东西，JavaScript就需要对HTML文档中所有元素进行访问的入口。这个入口，连同对HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。在 1998 年，W3C 发布了第一级的 DOM 规范。这个规范允许访问和操作 HTML 页面中的每一个单独的元素。所有的浏览器都执行了这个标准，因此，DOM 的兼容性问题也几乎难觅踪影了。DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。.. 阅读全文
posted @ 2012-07-18 21:09 高爽|Coder 阅读(226) 评论(0) 推荐(0)
DOM中的outerHTML,innerHTML,outerText,innerText的区别
摘要：--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/简单的说innerHTML和outerHTML、innerText与outerText的不同之处在于：1）、innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。2)、在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。特别说明： innerHTML是符合W3C标准的属性，而innerText、outerTe. 阅读全文
posted @ 2012-07-18 11:07 高爽|Coder 阅读(4184) 评论(0) 推荐(1)
jQuery对象与dom对象相互转换
摘要：刚开始学习jQuery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转换。什么是jQuery对象？---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQuery里的方法。比如：$("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法这段代码等同于用DOM实现代码：document.getElementById("id").inner 阅读全文
posted @ 2012-07-09 16:02 高爽|Coder 阅读(152) 评论(0) 推荐(0)
chrome下的HTML打印
摘要：马上要回学校毕业答辩了，这段时间开始做毕业设计，公司的工作也很忙，很少抽出时间来更新博客了，话说回来还是自己比较懒，因为有时候还玩玩DOTA。 毕业设计题目是在线考试系统，试卷预览，我想要支持打印，到打印这就悲剧了，在IE下，IE浏览器自身对打印支持的非常好，就是使用document.a... 阅读全文
posted @ 2012-05-18 09:53 高爽|Coder 阅读(950) 评论(0) 推荐(0)
如何在15分钟内掌握JavaScript面向对象编程
摘要：导读：经常看到一些JavaScript的代码脏乱得无法理解，到处都是属性和方法，或者一个循环套着一个循环。但如果使用面向对象就能很好的理清代码，并方便理解和修改代码。如果你不希望自己的代码只有上帝理解的话，就请尽量考虑使用面向对象的模式。译文正文：到处都是属性、方法，代码极其难懂，天哪，我的程序员，你究竟在做什么？仔细看看这篇指南，让我们一起写出优雅的面向对象的JavaScript代码吧！作为一个开发者，能否写出优雅的代码对于你的职业生涯至关重要。随着像Node.js这类技术的发展，你甚至可以在服务器端使用JavaScript了。同样的，你也可以使用JavaScript来控制MongoDB的持 阅读全文
posted @ 2012-05-07 20:50 高爽|Coder 阅读(209) 评论(0) 推荐(0)
如何实现"设为首页"，"加入收藏"的功能
摘要：如何实现"设为首页"，"加入收藏"的功能 解决思路： 将指定URL设为首页的功能主要是依靠IE默认行为homePage的setHomePage方法，而将指定URL加入收藏夹的实现则是external对象的AddFavorite方法。具体步骤： 设为首页： <a href="http://localhost:8888/QianQiu/index" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('htt 阅读全文
posted @ 2012-03-19 12:58 高爽|Coder 阅读(1698) 评论(0) 推荐(0)
JavaScript获取HTML DOM节点元素详解
摘要：在Web运用程序特别是Web 2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要处理的疑问。51CTO推荐阅读：JavaScript DOM文档遍历实战令人欣慰的是，运用JavaScript获取节点的要领有很多种，这里基本做一下总结：1. 通过顶层document节点获取◆document.getElementById(elementId) ：该要领 通过节点的ID，可以准确获得须要 的元素，是比较基本快捷的要领 。如果页面上含有多个相同id的节点，那么只返回第一个节点。如今，已经出现了如prototype、Mootools等多个JavaS 阅读全文
posted @ 2011-03-08 20:46 高爽|Coder 阅读(143) 评论(0) 推荐(0)