利用js实现在浏览器状态栏显示访问者在本页停留的时间

2017年02月06日 20 阅读

问题描述：在状态栏上显示 ，访问者在本页停留的 时间 （如：您在本页停留了 （如：您在本页停留了 X小时 X分 X秒） 该问题相当于是设计一个计时器，用于显示浏览者在该页面停留了多长时间。要解决该问题，我想到的主要有两种方法。 方法一：利用系统时间。即先设置一个变量，用于获取登录开始时间startTime,然后利用setTimeout（）函数让页面不停的刷新，在刷新的同时，获取当前时间nowTime，然后用当前时间减去登录开始时间，即为停留时间。在此就不做...

JS对象转换为Jquery对象实现代码

2017年02月06日 18 阅读

复制代码 代码如下: $（document.getElementsByTagName（"a"））.each（function （） { if （$（this）.text（） == "jquerys"） { $（this）.addClass（"navTitle"）; } }）; ...

原生javaScript做得动态表格（注释写的很清楚）

2017年02月06日 19 阅读

最近看了3本o"reilly的书，我们一般称为禽兽书（跟我一同学的名字很像大笑），然后一直想做一个列子来练练手，因为看公司好多用动态表格的，所以，我就试着用js做了动态表格，用firfox浏览器来调试的，因为firbug插件用着比较好，本来就是想实现一个很小的功能，没想做那么多，就点击按钮能够增加一行就行了，后来越加越多，也越来越好看了。把源码贴出来，大家共同学习，有问题也可以指正出来，js初学者，忘大神笔下留情。 ps:不知道上面为什么不显示行号，好久没...

jquery获得keycode的示例代码

2017年02月06日 19 阅读

如下所示：复制代码 代码如下:txtSearch:文本框ID$（"#txtSearch"）.keyup（function （event） { var keycode = event.which; if （keycode == 13） { alert（"你已经按下回车键"）; }}）;或者xObj.keyup（function（event）{ //获取当前按键的键值 //jQuery的event对象上有一个which的属性可以获得键盘按键的键值 va...

js获取select标签的值且兼容IE与firefox

2017年02月06日 20 阅读

jsp代码：复制代码 代码如下:<form id="search"><select id="jobSelect" style="width: 200px;" name="jobSelect"><s:if test="jobSelect == null || jobSelect == """><option selected="selected" value="-1">--依职类筛选--</option&...

Javasipt:操作radio标签详解

2017年02月06日 18 阅读

1、html代码：复制代码 代码如下: <form action="#" name="userOpinionForm" id="userOpinionForm" method="post"> <input type="radio" name="opinionCategory" value="1" checked />最同意 <input type="radio" name="opinionCategory" value="0"...

jQuery中.live（）方法的用法深入解析

2017年02月06日 19 阅读

给jquery动态生成的页面元素添加事件？使用livequery插件，或可以使用jquery的live方法。摘录一段live简单使用方法。更多详情还见官网 http://api.jquery.com/live/live（type, [data],fn）概述jQuery给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。这个方法是基本是的 .bind（） 方法的一个变体。使用 .bind（）时，选择器匹配的元素会附加一个事件处理函数，...

解析jQuery的三种bind/One/Live事件绑定使用方法

2017年02月06日 20 阅读

jQuery是 一款优秀的JavaScript框架,在旧版里主要用bind（）方法，在新版里又多了两种One（）,Live（），下面介绍这几种方法的使用：1. bind/Unbind在jquery的事件模型中，有两个基本的事件绑 定函数，bind与unbind，这两个函数的含义就是匹配页面元素进行相关事件的处理。比如我们在JS中经常使用到的 onfocus，onblur，onmouseover，onmousedown等事件都可以作为bind的参数进行传递。...

jQuery中bind,live,delegate与one方法的用法及区别解析

2017年02月06日 19 阅读

bind（ ）方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。.bind（eventType[, evnetData], Handler（eventObject））其中，参数eventType是一个字符串，包含一个或多个javaScript事件类型，例如click，submit或自定义事件的名称，指定多个事件类型时用空格分隔各个类型；eventData为Map类型，给出要传递给事件处理程序的数据，handler指定触发该事件时要执行...

Jquery中&quot;$（document）.ready（function（）{ }）&quot;函数的使用详解

2017年02月06日 20 阅读

Jquery是优秀的Javascrīpt框架,$是jquery库的申明，它很不稳定（我就常遇上）,换一种稳定的写法jQuery.noConflict（）; jQuery（document）.ready（function（）{}）;使用jQuery的好处是它包装了各种浏览器版本对DOM对象（javascript的DOM对象你应该知道吧，就是它了）的操作.比如jquery写法：$（"div p"）; // （1）$（"div.container"）; // （...

结合JQ1.9通过js正则判断各种浏览器版本的方法

2017年02月06日 17 阅读

如下所示：$.browser.mozilla = /firefox/.test（navigator.userAgent.toLowerCase（））; $.browser.webkit = /webkit/.test（navigator.userAgent.toLowerCase（））; $.browser.opera = /opera/.test（navigator.userAgent.toLowerCase（））; $.browser.msie = /...

Jquery插件easyUi表单验证提交（示例代码）

2017年02月06日 18 阅读

复制代码 代码如下:<form id="myForm" method="post"><table align="center" style="width:400px;height:auto;margin-top: 20px"> <tr> <td align="right">命令：</td> <td><input id="cmd" name="cmd" style="widt...

JS的document.all函数使用示例

2017年02月06日 20 阅读

一. document.all是页面内所有元素的一个集合。例如： document.all（0）表示页面内第一个元素 二. document.all可以判断浏览器是否是IE if（document.all）{ alert（"is IE！"）; } 三. 也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素 四. 案例： 代码1: 复制代码 代码如下: <input name=aaa value=aaa...

js将控件隐藏及display属性的使用介绍

2017年02月06日 19 阅读

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，而“visibility”隐藏的控...

禁止IE用右键的JS代码

2017年02月06日 18 阅读

复制代码 代码如下:<！--禁止网页右键： -->document.body.oncontextmenu=function rightClick（）{ window.event.returnValue= false;}<！--禁止网页另存为： --> <noscript><iframe src=*.html></iframe></noscript> <！-- 禁止选择文本： --...

深入理解javascript中return的作用

2017年02月06日 18 阅读

这里面的return含有一些细节知识：例如：onClick="return add_onclick（）"与 onClick="add_onclick（）"的区别JAVASCRIPT在事件中调用函数时用return返回值实际上是对window.event.returnvalue进行设置。而该值决定了当前操作是否继续。当返回的是true时，将继续操作。当返回是false时，将中断操作。而直接执行时（不用return）。将不会对window.event.retu...

JS延迟加载加快页面打开速度示例代码

2017年02月06日 19 阅读

第一，JS延迟加载 代码如下: 复制代码 代码如下: <script language="JavaScript" src="" id="my"></script> <script language="JavaScript"> setTimeout（"document.getElementById（"my"）.src="include/...文件...php"; ",3000）;//延时3秒 </script>...

javascript操作css属性

2017年02月06日 17 阅读

复制代码 代码如下:var getstyle = function（elementID,attribute）{obj = document.getElementById（elementID）;//前面是IE后面是html的标准return obj.currentStyle ？ obj.currentStyle[attribute] : document.defaultView.getComputedStyle（obj, false）[attribute];...

使用js如何实现全选与全不选

2017年02月06日 19 阅读

js: 复制代码 代码如下: function checkAll（name） { var el = document.getElementsByTagName（"input"）; var len = el.length; for（var i=0; i<len; i++）{ if（（el[i].type=="checkbox"） && （el[i].name==name））{ el[i].checked = true; } } } function c...

javascript使用onclick事件改变选中行的颜色

2017年02月06日 18 阅读

html页面的table 中一行一行的显示当然 div也行 可设置在鼠标放上去时改变其颜色 部分代码如下复制代码 代码如下:<script type="text/javascript">var currentActiveRow; //当前活动行//改变选中行的颜色function changeActiveRow（obj） { if （currentActiveRow） { currentActiveRow.style.backgroundCol...