09~js实用代码 - 随笔分类 - 小炒花生米

JavaScript输出对象的内部结构

摘要：输出JavaScript对象的内部结构常常做调试用. 一个输出所有对象属性的例子如下： Javascript代码 functiondump_obj(myObject){vars="";for(varpropertyinmyObject){s=s+"\n"+property+":"+myObject[property];}alert(s);}以上代码有些简陋，看个完善些的 Javascript代码 <scriptlanguage="javascript">varMAX_DUMP_DEPTH=10;func 阅读全文

posted @ 2011-12-01 11:36 小炒花生米阅读(3503) 评论(0) 推荐(0) 编辑

用JavaScript动态加载CSS和JS文件

摘要：今天项目中需要用到动态加载 CSS 文件，经过一番折腾终于搞定，回家整理了一下，顺便融合了动态加载 JS 的功能写成了一个对象，先上代码：var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link = document.crea 阅读全文

posted @ 2011-11-14 15:19 小炒花生米阅读(26914) 评论(3) 推荐(0) 编辑

异步加载js文件：LABjs和RequireJS

摘要：传统上，加载 Javascript 文件都是使用<script>标签。就像下面这样： <script type="text/javascript" src="example.js"></script> <script>标签很方便，只要加入网页，浏览器就会读取并运行。但是，它存在一些严重的缺陷。（1）严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序，读取 Javascript 文件，然后立即运行，导致在多个文件互相依赖的情况下，依赖性最小的文件必须放在最前面，依赖性最大的文件必阅读全文

posted @ 2011-10-04 16:10 小炒花生米阅读(7194) 评论(2) 推荐(0) 编辑

用JS访问iframe中的元素

摘要：用JS访问iframe中的元素１.首先，如何访问iframe中的元素？见如下代码：(1)1.htm源码：input type=button value="test" onclick="self.frames['a'].document.all.mybutton.disabled=true" iframe name='a' src="2.htm" id="iframe2"/iframe (2)2.htm源码input type=button value="mybutton" id="mybutton"script language=javascriptfunction sho 阅读全文

posted @ 2011-01-22 14:48 小炒花生米阅读(8783) 评论(0) 推荐(0) 编辑

JavaScript网页特效---对联广告，网站对联广告

摘要：预览效果：http://www.365css.cn/exemple/duilian.html全部源码如下：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--htmlheadtitleJavaScript网页特效---对联广告/titlemetahttp-equiv="Content-Type"content="text/html;charset=gb2312"/headbodystyle="margin:0px;"d 阅读全文

posted @ 2011-01-20 17:49 小炒花生米阅读(1839) 评论(0) 推荐(0) 编辑

【转】JavaScript 颜色渐变效果【修改版】

摘要：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Type"content 阅读全文

posted @ 2011-01-07 10:42 小炒花生米阅读(680) 评论(0) 推荐(0) 编辑

jquery 解决冲突，美元符号（$）再次封装

摘要：[代码] 阅读全文

posted @ 2010-11-29 16:02 小炒花生米阅读(511) 评论(0) 推荐(0) 编辑

请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个仅包含被删除的重复条目的新数组。

摘要：淘宝之旅，回想1：请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条目(可能有多个)，返回值是一个仅包含被删除的重复条目的新数组。代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<scripttype="text/ja... 阅读全文

posted @ 2010-11-19 18:19 小炒花生米阅读(1407) 评论(0) 推荐(0) 编辑

用Javascript获取页面元素的位置

摘要：作者：阮一峰日期：2009年9月14日制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然... 阅读全文

posted @ 2010-11-08 09:43 小炒花生米阅读(4537) 评论(0) 推荐(1) 编辑

防止网页被嵌入框架的代码（续）

摘要：http://www.cnblogs.com/qiantuwuliang/archive/2010/11/07/1871189.html 阅读全文

posted @ 2010-11-07 18:13 小炒花生米阅读(227) 评论(0) 推荐(0) 编辑

51job网站巧用js数组保存数据（职业导航中用到）

摘要：51job网站巧用js数组保存数据（职业导航中用到）：career_array.js代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--varfunc_s=newArray();//二级分类的名称varfunc_v=newArray();//二级分类的... 阅读全文

posted @ 2010-10-23 10:54 小炒花生米阅读(1138) 评论(0) 推荐(0) 编辑

页面随便拖动的DIV

摘要：http://www.xowit.com/read.php?tid=22 阅读全文

posted @ 2010-10-20 10:14 小炒花生米阅读(366) 评论(0) 推荐(0) 编辑

js 面向对象实现多个“倒计时器”

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">... 阅读全文

posted @ 2010-10-09 12:08 小炒花生米阅读(3261) 评论(1) 推荐(0) 编辑

添加到收藏夹的Javascript脚本-适合IE和Firefox

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<scripttype="text/javascript">functionaddBookmark(title,url){if(window.sidebar){window.sidebar... 阅读全文

posted @ 2010-10-08 10:54 小炒花生米阅读(433) 评论(0) 推荐(0) 编辑

js面向对象实现 tab选项卡效果

摘要：html:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<ulclass="scrollUl"><liid="m01"class="sd01"value="0"><ahref="#">新服排期</a>... 阅读全文

posted @ 2010-09-30 10:24 小炒花生米阅读(1922) 评论(0) 推荐(0) 编辑

PHP JSON使用 | JavaScript JSON使用

摘要：PHP JSON使用　　　　由于JSON可以在很多种程序语言中使用，所以我们可以用来做小型数据中转，如：PHP输出JSON字符串供JavaScript使用等。在PHP中可以使用json_decode()由一串规范的字符串解析出JSON对象，使用json_encode()由JSON对象生成一串规范的字符串。下面就重点介绍这两个函数：json_decode()，字符转JSON，一般用在接收到JavaS... 阅读全文

posted @ 2010-09-19 14:37 小炒花生米阅读(5305) 评论(1) 推荐(1) 编辑

为页面添加回车事件（回车直接提交页面信息）

摘要：代码如下：1<scriptlanguage="javascript"for="document"event="onkeydown">2if(event.keyCode==13)3{4document.getElementById("btnShow").click();5}6</script> 阅读全文

posted @ 2010-08-20 20:16 小炒花生米阅读(455) 评论(0) 推荐(0) 编辑

密保保护提问下拉框联动互斥js效果

摘要：代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-... 阅读全文

posted @ 2010-08-20 09:47 小炒花生米阅读(1397) 评论(0) 推荐(0) 编辑

tab切换卡js效果

摘要：代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--<scripttype="text/javascript">/*tab切换选项卡js效果writedby***2010.08.131.currentid:string当前被激活菜单的id;... 阅读全文

posted @ 2010-08-16 14:43 小炒花生米阅读(5786) 评论(0) 推荐(0) 编辑

js滚动效果（图片、文字）

摘要：http://images.yoka.com/pic/div/yokajs/jshelp/run.html 阅读全文

posted @ 2010-08-09 15:40 小炒花生米阅读(322) 评论(0) 推荐(0) 编辑

随笔分类 - 09~js实用代码

公告

博客转移至：
http://php-note.com

我的标签

积分与排名

随笔分类

随笔档案

阅读排行榜

推荐排行榜