- Posted by Admin on 三月 1, 2010
前段时间发布了Jquery类库1.4版本，使用者也越来越多，为了方便大家对Jquery的使用，下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。
具体如下：
1. 禁止右键点击
v...
[更多...]
- Posted by Admin on 一月 23, 2010
当今的Web page或者Web app都日益庞大，在体验越来越好、功能越来越复杂的情况下，不可避免的加入了很多Js文件，而每个Js文件又可能几十上百k，常规的一个个script标签的加入会严重影响性能，无法做到很好的并发，所以这里提出一个个人觉得比较高效的方案。
方案为：全部采用动态加载，保证资源文件的并行化，且如果想加载完这个Js后立刻执行一些操作，把这个操作写入text属性，这样可以保证不等待html载入完成就执行text里面的脚步。
//动态加载Js文件到head头
var script = document.createElement('scri...
[更多...]
- Posted by Admin on 十二月 25, 2009
祝愿园子里的朋友圣诞节快乐。
本文介绍了10个免费易用富文本编辑器（rich text editors，RTE），其中5个是Jquery插件，另外5个是非Jquery富文本编辑器
简介
Javascript富文本编辑器使我们添加、编辑网站中的文章更加方便和容易。这些富文本编辑器提供了所见即所得(What You See Is What You Get - WYSIWYG)的功能，可以像编辑word文档一样，方便地编辑网站中文章，常用于内容管理系统和博客系统等。
下面列出了常用的10个富文本编辑器，有最基础的格式富文本编辑器，也有复杂的具有文件上传能、...
[更多...]
- Posted by Admin on 六月 5, 2009
在设计Blog操作流程的时候，计划在添加页面和修改页面都用弹出对话框的方式。添加和修改结束时，点击提交，对话框关闭，同时后面的列表窗口刷新。这样就感觉在用Windows的界面程序一样，界面友好性很好。 但是在实际操作的时候发生了一个问题，IE的对话框技术，对FireFox是不支持的，怎么才能做到既支持IE又支持FireFox的对话框呢？ 还好，昨天在研究TinyMCE,里面有支持FireFox的对话框技术可以借鉴。 我写的打开对话框的方法： function popupDialog(url,width,height){ ...
[更多...]
- Posted by Admin on 五月 28, 2009
在Iframe中显示内容时，如果内容不固定，那么就需要让Iframe来自动适应页面的高度，下面是几种方法：1.在包含Iframe的页面： <iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0&q...
[更多...]
- Posted by Admin on 五月 21, 2009
<script type="text/javascript">function reinitIframe(){var iframe = document.getElementById("MyTrialFrame");try{var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;var height = Math.max(bHeig...
[更多...]
- Posted by Admin on 五月 5, 2009
一.摘要在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.本章内容很少, 主要讲解动态创建元素和操作jQuery包装集的各个函数. 三.动态创建元素1.错误的编程方法我们经常使用javascript动态的创建元素, 有很多程序员通过直接更改某一个容器的HTML内容.比如:...
[更多...]
- Posted by Admin on 五月 5, 2009
一.摘要本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步. 三.Dom对象和jQuery包装集无论是在写程序还是看API文档,&nb...
[更多...]
- Posted by Admin on 五月 5, 2009
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery.转载请注明子秋出品!博客园首发! 二.前言首先道个歉! "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了, 原因就是最近我一直在研究和学习jQuery.看到本系列的名称和文章标题, 看过我的MV...
[更多...]
- Posted by Admin on 三月 22, 2009
原文:37+ Great Ajax, CSS Tab-Based Interfaces
翻译: 帕兰
在过去几年中，Web开发人员开发了许多Ajax和CSS，Tab选项卡切换为基础的界面，成为一项非常有趣的技术，它让我们用一种简单的方式获得信息，而不需要打开和关闭多个窗口。
在本文中，我们花了许多时间来为你寻找最好的以Tab选项卡切换为基础的界面应用，这些Tab选项卡切换应用包括使用纯CSS和以AJAX结合CSS实现的。
自动切换的Tab选项卡切换效果
1) Easy Tabs 1.2 with autochange- 你可以设置成自动切换模式的Tab选项...
[更多...]
- Posted by Admin on 三月 13, 2009
一. 添加div
不指添加div,添加其他元素都可以通过这种方式
Java代码
<html>
<script language="javascript">
i=1;
/*添加div*/
function add(){
//创建一个div
var my = document.crea...
[更多...]
- Posted by Admin on 二月 24, 2009
类、构造函数、原型
先来说明一点:在上面的内容中提到,每一个函数都包含了一个prototype属性,这个属性指向了一个prototype对象(Every
function has a prototype property that refers to a predefined prototype object --section8.6.2).注意不要
搞混了.
构造函数:
new操作符用来生成一个新的对象.new后面必须要跟上一个函数,也就是我们常说的构造函数.构造函数的工作原理又是怎样的呢?
先看一个例子:
function Perso...
[更多...]
- Posted by Admin on 二月 24, 2009
函数
javascript函数相信大家都写过不少了,所以我们这里只是简单介绍一下.
创建函数:
function f(x) {........}
var f = function(x) {......}
上面这两种形式都可以创建名为f()的函数,不过后一种形式可以创建匿名函数
函数定义时可以设置参数,如果传给函数的参数个数不够,则从最左边起依次对应,其余的用undefined赋值,如果传给函数
的参数多于函数定义参数的个数,则多出的参数被忽略.
function myprint(s1,s2,s3) {
...
[更多...]
- Posted by Admin on 二月 24, 2009
数组
我们已经提到过,对象是无序数据的集合,而数组则是有序数据的集合,数组中的数据(元素)通过索引(从0开始)来访问,
数组中的数据可以是任何的数据类型.数组本身仍旧是对象,但是由于数组的很多特性,通常情况下把数组和对象区别
开来分别对待(Throughout this book, objects and arrays are often treated as distinct datatypes.
This is a useful and reasonable simplification; you can treat objects and arrays as separate...
[更多...]
- Posted by Admin on 二月 24, 2009
看了很多介绍javascript面向对象技术的文章,很晕.为什么?不是因为写得不好,而是因为太深奥.
javascript中的对象还没解释清楚怎么回事,一上来就直奔主题,类/继承/原型/私有变量....
结果呢,看了大半天,有了一个大概的了解,细细一回味,好像什么都没懂...
这篇文章是参考<<javascript-the definitive guide,5th edition>>第7,8,9章而写成的,我也
会尽量按照原书的结构来说明javascript的面向对象技术(对象/数组->函数-->类/构造函数/原型).对一些我自己也拿捏不准的地方...
[更多...]