javascript
关注
分享
扫一扫
文章平均质量分 77
nanyswing
这个作者很懒，什么都没留下…
展开
-
javascript 中的prototype 说明
prototype是javascript中的原型对象，是实现面向对象的一个重要机制，每个函数其实都是一个对象，他们对应的类为function，但他们身份特殊，每个函数对象都有一个子对象就是prototype，即prototype表示了该函数的原型，而函数也是类，prototype就是表示了一个类的成员的机会，但通过new来获取一个对象时，prototype对象的成员都会成为实例化对象的成员，//定...2010-04-20 11:42:53 · 82 阅读 · 0 评论 -
settimeout传参数的问题
window.setTimeout("removediv()",2000);可以用来调用函数，或是直接写代码function removediv(){ alert('in'); $(".masks2").fadeIn(1000);}2011-02-21 14:24:38 · 109 阅读 · 0 评论 -
js 文字上下滚动效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> ..2011-06-13 15:27:03 · 241 阅读 · 0 评论 -
弹出新页面 js计算年龄 获取php传值
<script type="text/javascript">//js 中接受php传过来的值var tt = <?php echo $tnum; ?>; function ages(str) { var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d...2011-06-16 00:14:48 · 140 阅读 · 0 评论 -
工作中写的图片轮换
/* * 功能：俱乐部-球迷频道js * 标签切换 焦点图切换 * $Id$ * bilibo@ifensi.com * 2010-09-17 *///标签切换 用法介绍/*id="player_nav_1" 鼠标点击的标签 _nav_是确定的 前面的可以更改 *id="player_block_1 要切换的内容 _block_是确定的前面的可以更改以...2011-02-28 17:22:05 · 113 阅读 · 0 评论 -
jquery 取值
jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Te...2011-06-30 17:10:26 · 129 阅读 · 0 评论 -
同事写的一个js遮罩
/** * 遮罩 * 用法：objTools.loading(); * 关闭:$("#wbox_cover").remove(); * 注意：z-dindex:1000 设定可能造成全覆盖 */objTools = { setPositionToCenter: function(node){ node.style.position = "absolute";...2010-11-25 17:17:14 · 120 阅读 · 0 评论 -
javascript页面跳转
window.location.href="http://sblog.ifensi.com/user/" 一般在js中的跳转，在php程序中可以用header('Location:http://slbog.ifensi.com");来跳转，但头文件前不能有其他的字符输出，js验证邮箱var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((...2010-12-01 15:54:18 · 115 阅读 · 0 评论 -
a连接传递url编码问题
<a href="#">test<a>对于这个地方的链接如果用到汉字要编码，在frame嵌套中的js调用要用到父级元素。parent.document.当样式表写在标签内的时候最好不要分开写，要写在一起，不然容易造成点击事件失效， ...2010-12-05 01:21:16 · 332 阅读 · 0 评论 -
javascript confirm
if(window.confirm("确定要删除吗？")) { window.location.href=url; } else//点击确认的时候返回TRUE，取消返回false { } smarty 在模板中直接打印输出数组用'->'数组名->键名$pageobj->mFirstPage ...2010-12-06 14:59:18 · 140 阅读 · 0 评论 -
jquery 隔行变色
jQuery(document).ready(function (){ jQuery("tr:odd").addClass("bg1"); jQuery("tr:even").addClass("bg2"); jQuery("tr:odd").bind("mouseover",function (){$(this).addClass("bg11")2010-12-06 15:04:03 · 109 阅读 · 0 评论 -
js加入收藏代码 日历 级联城市
<script>function addfavorite(){ if (document.all) { window.external.addFavorite(‘http://blog.showok.cn’,'人在旅途’); } else if (window.sidebar) { window.sidebar.addPanel(‘人在旅途’, ‘http://blog.showok....2011-03-20 00:39:31 · 94 阅读 · 0 评论 -
常用的js验证方法
function trim(s){ return s.replace(/(^\s*)|(\s*$)/g, "");}function isEmail(s){ return s.search(/^\s*[\w\~\-\.]+\@[\w\~\-]+(\.[\w\~\-]+)+\s*$/g) >= 0;}function isPassport(s) { return !(/[\'\"...2011-03-20 11:51:46 · 80 阅读 · 0 评论 -
js函数 匿名函数 对象的写法
以前在写js验证的时候都是用function来写的，一个方法一个方法，总感觉有些乱，现在最好声明一个对象，然后再对象里面定义想要做的方法。补充一下eval()函数的用法，在SetTimout('string',2000),在这种调用的时候传递变量在接受的时候可以用eval()处理一下。var msg = "this is execute";eval("alert(msg)");==aler...2011-03-20 15:50:34 · 573 阅读 · 0 评论 -
js中的事件类型 冒泡和捕获
js和html页面之间的交互是通过用户和浏览器之间的操作页面时引发的事件来处理的。事件流：当你在页面触发一个点击事件后，页面上不仅仅有一个元素响应该事件而是多个元素响应同一个事件，因为元素是在容器中的。事件发生的顺序就是事件流，不同的浏览器对事件流的处理不同。ie和mozilla都是冒泡性事件处理机制，事件从最特定的目标到不特定的目标，而捕获事件处理正好相反。DOM事件流：dom同时支持两...2011-03-27 13:52:33 · 152 阅读 · 0 评论 -
为什么要选择json
json这种数据格式是我们工作中常用到的,无论是在js中还是在后台程序中,因为它是完全独立与语言的文本格式所以可以兼容不同的语言。json的两种存储方式:1.键值对的集合{ "firstName": "Brett" } { "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa"2011-08-03 10:20:46 · 647 阅读 · 0 评论 -
js获取鼠标点击坐标
//获取坐标位置function getPosition(ev){ ev = ev || window.event; var point = {x:0,y:0}; if(ev.pageX || ev.pageY){ point.x = ev.pageX; point.y = ev.pageY; } else {//兼容ie ...2011-11-28 14:31:40 · 174 阅读 · 0 评论 -
滚动显示消息 鼠标悬停
<!doctype html><html><head><title>tweets-slide</title><meta http-equiv="Content-type" content="text/html; charset=utf-8" /><style ty原创 2012-07-24 23:35:14 · 274 阅读 · 0 评论 -
thickbox 弹出层
最近的项目中比较多使用的 ThickBox，今天就简单介绍下，ThickBox 是一个基于 JQuery 类库的扩展，它能在浏览器界面上显示非常棒的弹出框，它可以显示单图片，多图片，AJAX 请求内容或链接内容。要使用 ThickBox，需要下载三个文件：JS 文件：thickbox.js 或者压缩版本 thickbox-compressed.js。CSS 文件：ThickBox...2011-06-02 14:14:37 · 111 阅读 · 0 评论 -
jquery 图表插件 gchart
在程序中用到不同的折线 曲线 饼图等信息的展现，用jquery和jquery的插件 gchart很容易实现的，而gchart插件是封装了google的图表api,所以重要数据或是安全性比较高的时候要慎重选择。 <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script><scrip...2011-06-02 09:12:18 · 248 阅读 · 0 评论 -
javascript 中的数据类型 详解
js是一种弱类型语言，数据类型主要分两种，原始值：存放在栈中的简单数据段，也就是说，他们直接存储在变量访问的位置；引用值：存放在堆中的对象，就是说，存储在变量处的值是一个指针，指向存储对象的内存处，为对象赋值时，js的解释程序会判断该值的原始类型的，还是引用类型的，元素类型 Undefined ,Null ,Bollean ,String ,由于这些原始类型占据的空间是固定的，所以可以将它们存储在...2010-04-20 12:16:57 · 100 阅读 · 0 评论 -
XMLHttpRequest 对象说明
XMLHttpRequest对象是有js创建并使用的，他主要用来处理页面提交的数据，处理服务器返回的数据，是页面与服务器直之间的桥梁，借助dom css就可以实现一些效果，xmlhttprequest 对象不是一个标准的对象，IE浏览器中他作为ActiveX控件实现的, var xmlhttp;function createXmlhttpRequest(){ if(windw...2010-04-20 12:55:18 · 113 阅读 · 0 评论 -
javascript 中的数据类型 数组 函数 正则
javascript变量 常量:声明多用var m; var m,n,r;js是弱类型语言,可以不用声明变量而直接使用，程序在解释过程中遇到未声明的变量为把它声明为全局变量，var可以用来声明局部变量， javascript数据类型:原始类型undefined null boolean number string 可以使用typeof运算符来检查数据的类型。undefined 表示声明...2010-04-25 18:58:53 · 94 阅读 · 0 评论 -
js 中的window document对象
js中的基本对象是我们操作文档的基础，其中window document是最基本的， 首先来看看window吧，\window:他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。基本属性：status 就是浏览器下面状态栏的信息，self 返回窗口对象本身，常用在...2010-04-26 00:11:03 · 160 阅读 · 0 评论 -
直接写js 和编码问题
在样式表中表头很重要，如果没有表头在ie下会出现解析错误的，还有form p这些标签本身都带有margin padding等这些属性的值，而这些值在不同的浏览器下解析的也不一样，最好是在样式表头部统一的定义。可以把js代码直接写在点击事件之上的onclick="document.getElementById('nav2').style.display='none';document.get...2010-12-13 11:02:26 · 89 阅读 · 0 评论 -
js 加入收藏
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/htm2010-05-21 18:02:25 · 82 阅读 · 0 评论 -
js在不同浏览器中的差异
js是web交换的利器语言，但是遇到不听话的浏览器也没辙啊，只有我们了解了这些差异才能写出更好的代码。2010-06-08 17:46:12 · 276 阅读 · 0 评论 -
javascript textarea moveend选中文本
//获取textare选中的文本function getFieldSelection(id){var select_field = document.getElementById(id); word=''; if (document.selection) { var sel = document.selection.createRange()...2010-12-17 23:28:23 · 111 阅读 · 0 评论 -
ajax异步请求中的编码问题
ajax异步请求可以使我们方便的在不跳转页面的情况下，展现后台处理后传来的数据，但我们也应该注意一些小问题，前两天在工作中就犯了些特傻得问题， 开发的时候用的火狐，测试正常，当别人用ie时候老出现问题，检查后发现时没有编码的问题，火狐可能会把汉字编码，而ie则不会，这样没有编码传过去的就是乱码，无论用get 或是 post方法，都是这样的，在用js获取数据后，我们应该对含有汉字的内容进行编码，...2010-06-28 16:20:15 · 157 阅读 · 0 评论 -
javascript iframe高度自适应
问题：上传图片的时候局部刷新就在页面中放了个iframe，因为里面的内容是变的就需要外层的iframe自动适应高度，iframe没有属性，只能通过js来控制，在内部的iframe里面写上一个函数，加载的时候设置外层iframe的高度，两个还可以多的时候常常遇到跨域的问题，在字iframe中调用父级别的js时可以用parent.window.function()来调用。<script...2010-12-22 15:02:07 · 110 阅读 · 0 评论 -
checkbox全选 和获取值
<script type='text/javascript'>//全选function checkAllChkBox(boolvalue,formid){ var name = formid+'[]'; var ochkForm = document.getElementById(formid); var ochkBoxes = document.getE...2011-01-12 14:12:42 · 194 阅读 · 0 评论 -
jquery+php无刷新分页
分页是经常用到的功能，这次用局部刷新分页 提高用户体验，其实就是通过ajax提交 然后用js处理返回的数据并替换页面中的html代码。用到了jquery里面的post提交 返回数据类型为json。和each()函数html()函数等。//分页显示function PageIndex(actid,pgid)//参数为查找的id和页码{ jQuery.ajax({ ty...2011-01-25 10:16:45 · 130 阅读 · 0 评论 -
js中的小问题 文本框只输入数字
ie的缓存问题，当请求同一个url地址的时候，ie会把当前页面的缓存读出，这样当用ajax或其他异步进行跟新的时候就无显示了，在js中可以加时间戳就是在请求的后面加上当前的时间，test.php?time=new Date() 这样可以在每次请求的时候都是新的。 浏览器回退 问题，可以用history.back go(-1) 等，但是在ie中正常，在火狐中将有问题。 页面刷新问题：href...2010-06-30 16:51:47 · 94 阅读 · 0 评论 -
js 图片切换轮播
/* * 功能：俱乐部-球迷频道js * 标签切换 焦点图切换 * $Id$ * bilibo@ifensi.com * 2010-09-17 *///标签切换 用法介绍/*id="player_nav_1" 鼠标点击的标签 _nav_是确定的 前面的可以更改 *id="player_block_1 要切换的内容 _block_是确定的前面的可以更改以...2010-10-11 16:08:58 · 142 阅读 · 0 评论 -
js中作用域链的问题
先来看一个列子： <script type="text/javascript">/* * js函数是一个对象，scope是仅供js引擎访问的内部属性，包括创建对象属性的集合 * 当一个函数创建后它的作用域链被填充， * 每个内部对象是独一的，所以多次调用一个函数会导致多次创建 * 当函数运行过程中遇到一个变量要搜索作用域， */ var tt = '...2011-08-17 15:17:31 · 108 阅读 · 0 评论 -
js 标签切换功能
<style type="text/css">.table_tag{width:360px;height:220px;overflow:hidden;border:1px solid #333;margin:10px;}.table_tag .tt_top{width:360px;height:36px;line-height:36px;background-color:...2011-08-23 14:21:53 · 169 阅读 · 0 评论 -
js中split的应用 jq获取数值
var stuKey = stuKey.split(',');//用分割符把字符串切割为数组eg: var test = "a,b,c,d";var arrtest = test.split(',');arrtest = array(0 => 'a',1 => 'b',2 => 'c', 3 => 'd') jquery获取文本框信息$(":i...2011-05-25 21:01:31 · 359 阅读 · 0 评论 -
jquery html5 实现placeholder 兼容password ie6
在做登录的时候我们都会用到文本框中显示要输入的默认提示，以前都是用js判断的比较麻烦，还有一个就是password是通过两个input框切换实现的，还好html5提供了一个属性placeholder，在input类型的框上可以起到占位符的效果，但现在还不是所有的浏览器都支持很html5，下面就通过jquery、html5来实现可以兼容多种浏览器的placeholder效果。大致思路： 1....2012-08-23 10:49:23 · 194 阅读 · 0 评论