随笔分类 -  Javascript

javascript中变量
摘要:全局变量和局部变量的区别和比较:全局变量的作用域是全局的,在javascript中处处都可以定义;局部变量是局部的,作用域是局部性的。全局作用域中编写代码时可以不使用var,但是局部变量必须使用var。在函数体内部,局部变量的优先级比同名的全部变量高。1 var scope = "global";2 function fn(){3 alert(scope);4 var scope = "local";5 alert(scope);6 }7 fn();起初以为alert第一次调用会显示“global”,因为申明局部变量的var语句还没有被执行。但是,由于这 阅读全文
posted @ 2012-06-04 14:08 Eleanore Lee 阅读(172) 评论(0) 推荐(0)
javascript语法结构
摘要:1.对大小写很敏感,关键字必须采用一致的字符大小输入形式。好比“while”就必须是“while”,而不能输入为“While”或者是“WHILE”。同样,“online”和“Online”、“OnLine”、“ONLINE”就是4个不同的变量。2.javascript会忽略程序中记号之间的空格、制表符和换行符。3.可选的分号:简单的语句后面通常都有分号(:),放置在不同行的时候可以省去分号。 省略分号并不是一个好的习惯,应该习惯于使用分号。把数字转化为字符串:1.一种方法是显示的转换,string str_value=String(number);2.一种方法是使用tostring(),str 阅读全文
posted @ 2012-06-01 15:20 Eleanore Lee 阅读(241) 评论(0) 推荐(0)
javascript美术馆
摘要:<a href="http:www.baidu.com" onclick="return false">click me</a>当点击这个链接时,因为onclick事件处理函数所触发的javascript代码返回给它的值是false,所以这个链接 在被点击时默认行为将不会发生。同样,onclick="showPic(this);return false;"加了return false后可以不让用户被他们所点击的链接带到另一个图片查看窗口去。var body_element = document.getEleme 阅读全文
posted @ 2012-05-25 16:06 Eleanore Lee 阅读(554) 评论(0) 推荐(0)
js数组
摘要:数组的元素可以是另一个数组数组下标可以是字符串,如: var lenno = Array(); lenno["name"] = "Jone"; lenno["year"] = "1920";lenno["living"] = "false"; 这称为关联数组,用关联数组代替数组,可以通过数组名字而不是数字来引用他,增强了脚本的可读性. 阅读全文
posted @ 2012-05-25 15:54 Eleanore Lee 阅读(163) 评论(0) 推荐(0)
对象
摘要:对象是一种非常重要的数据类型,是自我包含的数据集合。包含在对象里的数据可以通过两种形式——即属性(property)和方法(method)访问。属性是隶属于某个特定对象的变量。方法是只有某个特定对象才能调用的函数。 对象是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。对象是统体,实例是个体。为给定对象创建一个新实例,需要new关键字。如:var jeremy = new person;然后就可以利用person对象的属性来检索关于jeremy的信息了:jeremy.age / jeremy.mood等。javascript中的内建对象Array(数组):若干元素的有序集合数组的特点 阅读全文
posted @ 2012-05-25 15:53 Eleanore Lee 阅读(290) 评论(0) 推荐(0)
函数
摘要:函数的真正价值体现在:我们可以把它作为一个数据类型来使用,这意味着我们可以把一个函数的调用结果赋给一个变量.函数不仅能够(以参数的形式)接收数据,还能够返回数据.命名规则:为一眼看出哪些是变量哪些是函数。命名变量时,以下划线来分割各个单词。函数命名的格式:从第二个单词开始首字母大写;javascript语言不允许函数的名字里包含空格.函数变量(全局变量和局部变量):局部变量:如果在某个函数中使用了var,则是局部变量,只存在于这个函数的上下文中.全局变量:如果没有使用var,则是全部变量,如果脚本里已经存在一个与之同名的变量,这个函数将覆盖哪个现有变量的值。请记住:函数在行为方面应该像一个自我 阅读全文
posted @ 2012-05-25 15:53 Eleanore Lee 阅读(158) 评论(0) 推荐(0)
DOM
摘要:DOM(Document Object Model)文档对象模型四个非常重要的DOM方法:getElementById、getElementByTagName、getAttribute、setAttribute。通过getElementById、getElementByTagName检索特定元素节点。1.getAttribute()方法getAttribute()是一个函数,它只有一个参数,你打算查询的属性名字。object.getAttribute(attribute) 此object一个元素的节点。if(something)与 if(something!=null)完全等价。2.setAt 阅读全文
posted @ 2012-05-25 15:52 Eleanore Lee 阅读(239) 评论(0) 推荐(0)
javascript编程原则和良好习惯
摘要:<a href="#" onclick="popUp('http://www.example.com/'); return false;">Example</a>javascript利用window对象的open方法来创建新的浏览器窗口。window.open(url,name,features)url:新窗口中打开的那份文档的url链接name:新窗口的名称features:以逗号分割的字符串,其内容是新窗口中的各种属性(新窗口的尺寸、被激活和禁用的各种浏览功能(工作条、菜单条、初始显示位置等等)),新窗口的功能 阅读全文
posted @ 2012-05-25 15:52 Eleanore Lee 阅读(410) 评论(0) 推荐(0)
分离javascript
摘要:分离javascript代码,javascript函数都已存入有关的外部文件,而问题出现在内嵌的事件处理函数。javascript语言不要求事件必须在HTML文档里处理,我们可以在外部javascript文件里把一个事件添加到HTML文档中的元素上。以onclick事件和popUp()函数为例:把文档里的所有链接全放入一个数组里。遍历数组。如果某个链接的class属性等于popup,就说明这个链接在被点击时将调用popUp()函数。于是:把这个链接的href属性值传递给popUp()函数。取消这个链接的默认行为,不让这个链接把访问者带离当前窗口。实现上述步骤的javascript代码: var 阅读全文
posted @ 2012-05-25 15:51 Eleanore Lee 阅读(522) 评论(0) 推荐(0)
向后兼容
摘要:检查浏览器是否兼容这个方法,加一句:window.onload = function(){ if(!document.getElementsByTagName) return false; var links = document.getElementsByTagName("a"); for ( var i = 0 ; i<links.length ; i ++){if ( links[i].className == "popup"){ links[i].onclick = function(){ popUp(this.getAttribute(& 阅读全文
posted @ 2012-05-25 15:51 Eleanore Lee 阅读(327) 评论(0) 推荐(0)
动态创建HTML内容
摘要:document.write()方法document.write方法可以方便快捷的把字符串插入到文档里。它最大的缺点是违背了”分离javascript“原则。即使把document.write语句挪到外部函数里,你也还是需要在HTML文档的<body>部分使用<script>标签才能调用哪个函数。innerHTML属性innerHTML属性可以用来读、写某给定元素里的HTML内容。<div id="textidv"><p>This is <em>my</em> content.</p>< 阅读全文
posted @ 2012-05-25 15:50 Eleanore Lee 阅读(469) 评论(0) 推荐(0)
Ext中的get、getDom、getCmp、getBody、getDoc的区别
摘要:Ext中的get、getDom、getCmp、getBody、getDoc的区别Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。使用时注意区别调用参数及返回类型上。1、get方法get方法用来得到一个Ext元素,也就是类型为Ext.Element的对象,Ext.Element类是Ext对DOM的封装,代表DOM的元素,可以为每一个DOM创建一个对应的Element对象,可以通过Element对象上的方法来实现对DOM指定的操作,比如用hide方法可以隐藏元素、initDD方法可以让指定的DOM具有拖放特性等 阅读全文
posted @ 2012-05-25 15:45 Eleanore Lee 阅读(126) 评论(0) 推荐(0)
Javascript一个简单的图像预载函数
摘要:???可以优化速度????C# code <script language=javascript> function preloadImages(){ if(document.images){ if(!document.MM_p) document.MM_p=new Array(); var i, j=document.MM_p.length; for(i=0; i<arguments.length; i++){ if (arguments[i].indexOf("#")!=0){ document.MM_p[j]=new Image; document. 阅读全文
posted @ 2012-05-25 15:45 Eleanore Lee 阅读(193) 评论(0) 推荐(0)
renderTo:Ext.getBody()的意思
摘要:如果你是renderTo:'test'的话~ 你asp.net页面里边就要有个div 的id是test 如果是renderto:Ext.getBody()的话 就是加载asp.net body的时候就加载ext 阅读全文
posted @ 2012-05-25 15:45 Eleanore Lee 阅读(654) 评论(0) 推荐(0)
javascript中的cookie
摘要:javascript中的cookie链接:http://blog.csdn.net/liuyong0818/article/details/4807473编写一个函数:作用是查找指定cookie的值function getCookie(cookieName) {var cookieString = documents.cookie;var start = cookieString.indexOf(cookieName + '=');// 加上等号的原因是避免在某些 Cookie 的值里有// 与 cookieName 一样的字符串。if (start == -1) // 找不到 阅读全文
posted @ 2012-05-25 15:44 Eleanore Lee 阅读(152) 评论(0) 推荐(0)
JS传值和传址
摘要:传值: 复制:实际复制的是值,存在的是两个不同的独立的拷贝。 传递:传递给函数的是值的一个独立拷贝,对它的改变在函数外部没有影响。 比较:比较是两个独立的值(通常逐字节比较)传址:复制:复制的只是对数值的引用。如果通过这个新的引用修改了数值,这个改变对最初的引用也可见。传递:传递给函数的是对数值的一个引用。如果函数通过传递给他的引用修改了数值,这个改变在函数外部也可见。比较:比较是两个引用,以判断他们引用的是否是同一个数值。对两个不同数值的引用不相等,即使这两个数值是由相同的字节构成。 阅读全文
posted @ 2012-05-25 15:38 Eleanore Lee 阅读(499) 评论(0) 推荐(0)
充实文档的内容
摘要:把不可见变可见display:(none|inline|block)inline:把每个列表项的display设置成inline后,那些列表项在浏览器窗口里从纵向排列变成横向排列。如下:block:通常是横向排列的元素,必须把他的display设置成block,就可以让这个元素独占一行。none:<div style="display:none;">你是看不见我的</div>使用div 中css样式display:none;将使得div内的内容隐藏通过浏览器什么也看不见,并且隐藏的内容也不会占用空间。通过此方法可以隐藏超链接文本(黑链)和图片等内容同 阅读全文
posted @ 2012-05-17 16:57 Eleanore Lee 阅读(182) 评论(0) 推荐(0)
JSON 详解[转]
摘要:JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。具体细节参考http://www.json.org/json-zh.html举个简单的例子:js 代码function showJSON() { var u 阅读全文
posted @ 2011-12-31 16:00 Eleanore Lee 阅读(191) 评论(0) 推荐(0)