web 前端处理
文章平均质量分 80
wangzhantao
这个作者很懒,什么都没留下…
展开
-
Js的一些问题
alert(2&&5) 5alert(0&&5) 0alert(5&&0) 0alert(1||5) 1alert(0||5) 5a=值1||值2 如果值1为真,将值1赋给变量,如果为假,将值2赋给变量alert(Number('12px')); NaNalert(NaN==NaN); falsealert(typeof NaN) nu...原创 2018-04-21 12:26:43 · 112 阅读 · 0 评论 -
页面中 offsetTop、clientTop、scrollTop、offsetTop
JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍这里是javascript中制作滚动代码的常用属性页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网...原创 2013-02-19 11:13:15 · 85 阅读 · 0 评论 -
jquery.cookie.js
一个轻量级的cookie 插件,可以读取、写入、删除 cookie。jquery.cookie.js 的配置首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script><scr...原创 2013-02-18 11:55:43 · 68 阅读 · 0 评论 -
js 图片轮换样例
<!doctype html><title>javascript</title><meta charset="utf-8"/> <style type="text/css"><!--dd a,nohover{background: url("page_button.gi原创 2013-07-22 22:07:55 · 98 阅读 · 0 评论 -
隐藏到显示滚动效果显示
对象 从隐藏到显示 然后从显示到隐藏的动画例子。原创 2013-01-29 15:47:52 · 81 阅读 · 0 评论 -
jquery ajax 跨域访问
注意如果使用post方式,则跨域的时候客户端是接受不到返回来的数据。 客户端:注意:$.getJSON(" http://跨域的dns/document!searchJSONResult.action?name1="+value1+"&jsoncallback=?", function(json){ if(json.属性名==值){ ...原创 2012-10-10 12:06:47 · 67 阅读 · 0 评论 -
label 学习
Label标识有两个属性,一个是FOR,一个是ACCESSKEY。FOR的意思是,这个Lable是为哪个控件服务的;ACCESSKEY则定义了访问这个控件的热键。比如,有一个名字叫Name的文本框,<INPUT TYPE="TEXT" ID="Name" SIZE=30>,那么,<label>就可以定义成:<LABEL FOR="Name" ACCESSKE...原创 2013-01-10 13:59:54 · 168 阅读 · 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/html原创 2013-01-09 18:05:13 · 58 阅读 · 0 评论 -
数组常用方法
1 数组克隆 /* * fn 数组拷贝 * 功能:数组克隆 */ //方法1 var aArr = new Array(100001).join('a').split(''); var d = new Date(); var bArr = []; for(var i = 0; i < aArr.length; ...原创 2013-06-24 08:38:47 · 69 阅读 · 0 评论 -
window open 打开新窗口记录
1 使用实例<SCRIPT> <!-- window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no') //写成一行 --...原创 2013-06-09 18:39:51 · 114 阅读 · 0 评论 -
jquery-validation
jquery 校验框架,简单使用。 里面的 testindex例子.html为基本使用例子。 提交按钮<input class="addbtn" type="submit" onclick="submitBasicForm()" value="确 定"/> 提交方法 //提交表单 function submitBasicForm...原创 2012-09-10 15:10:34 · 57 阅读 · 0 评论 -
鼠标拖动div代码
原理:鼠标单击title时候给需要移动的div块添加mouseMove与mouseUp 在mouseMove中不断改变 div 坐标,使之随着运动 mouseUp的时候移除div的 mousemove 和mouseup 事件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht...原创 2013-05-30 11:27:28 · 125 阅读 · 0 评论 -
jquery 常见功能效果 回车提交表单 checkbox 级联
1 通常网页上一个文本框中按回车,直接提交form表单 其实是触发了,提交按钮的focus ,同时触发单击事件 <input type="text" value=" 文本框" id="btn" /> <input type="button" value="弹出框" id="btn2" />原创 2013-05-29 15:18:15 · 95 阅读 · 0 评论 -
event 兼容性理解及jquery的处理
兼容性的理解 在javascript中,我们要常常用到event对象来处理一些事件,但是IE和Firefox下event对象的属性是不同的。1.keyCode||which||charCodeIE下支持keyCode,不支持which,charCode。Firefox下支持keyCode,除功能键外,其他键值始终为0,Firefox下支持which和charCode属性v...原创 2013-02-19 13:38:34 · 236 阅读 · 0 评论 -
js event 理解与使用
event对象IE 中可以直接使用 event 对象,而 FF 中则不可以,解决方法之一如下:var theEvent = window.event || arguments.callee.caller.arguments[0];第二种是将 event 作为参数来传递:document.onclick=function xxx(e){var theEvent = window....原创 2013-02-19 14:07:24 · 126 阅读 · 0 评论 -
禁止鼠标右键
禁止页面鼠标右键// JavaScript Document$(document).ready(function(){ //jquery 禁止鼠标右键 键盘按键 $(document).bind("contextmenu",function(e){ return false; });}); ...原创 2015-11-26 15:12:11 · 93 阅读 · 0 评论 -
动态创建form提交数据
动态创建form提交数据: /** * post方式提交请求 * paramStr:以key1:value1,key2:value2...的形式(名值对形式)传,不需要双引号括号等 */function postLink(action,target,paramStr){ /*1.构建form*/ var form = document.createEle...原创 2015-11-26 15:07:15 · 131 阅读 · 0 评论 -
form中数据直接转为json
1 功能扩展jquery方法,可以将form中数据转换为json格式 2 使用$('#form1').serializeObject() 3 如果将JSON中数据直接转为字符串 JSON.stringify( $('#form1').serializeObject() )4 json 字符串转换为json对象 var str = '{"nam...原创 2014-10-15 16:39:05 · 633 阅读 · 0 评论 -
uploadify与plupload使用
这两个前端组件的官网分别为: http://www.uploadify.com/ http://www.plupload.com/docs/ 1 uploadify依赖于flash上传的文件在http中的格式与form中上传的文件在http中的格式不一样,在向阿里云上传的时候收到限制。2 plupload:可以自动从,h...原创 2014-10-15 16:34:19 · 136 阅读 · 0 评论 -
ZTree使用
见附件。原创 2014-08-11 16:04:32 · 61 阅读 · 0 评论 -
复制内容到剪切板 zclip使用
今天要做一个点击按钮复制内容到剪切板的功能,弄了半天终于弄出来了,共享给大家。 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.Date"%><%@ taglib prefix="c&quo原创 2014-07-31 16:31:25 · 181 阅读 · 0 评论 -
javascript 日历
1 html代码<!doctype html><head><title> </title><meta charset="utf-8"/> <style type="text/css"> #calendar1 a{ float:left;原创 2013-08-22 16:00:42 · 68 阅读 · 0 评论 -
弹出框的封装-dialog
var basic = {}; /** * 对话框内 关闭按钮调用 , 作用关闭对话框 */ basic.closeDialog = function (){ var dialog = document.getElementById('dialog'); var zhezhao = document.getElemen...原创 2013-08-01 10:02:02 · 298 阅读 · 0 评论 -
js 图片轮换样例
<!doctype html><title>javascript</title><meta charset="utf-8"/> <style type="text/css"><!-- dd a,nohover{ background: url("page_butt2013-07-31 10:02:55 · 79 阅读 · 0 评论 -
右键弹出菜单的实现
<html><head> <link href="menu.css" rel="stylesheet" type="text/css" /> </head><body id="body"> <div id=&qu原创 2013-02-25 18:01:22 · 92 阅读 · 0 评论 -
js人物动起来
学习游戏运动场景例子见附件 ;原创 2013-02-22 16:42:18 · 105 阅读 · 0 评论 -
js 跨域取数据
一 主域名相同处理方法 document.domain+iframe的设置 对于主域相同而子域不同的例子,可以通过设置document.domain的办法来解决。具体的做法是可以在http://www.a.com/a.html和http://script.a.com/b.html两个文件中分别加上document.domain = ‘a.com’;然后通过a.html文件中...原创 2013-02-20 17:15:42 · 104 阅读 · 0 评论 -
jquery checkbox
1 全选方法 //全选function checkAll(obj ){ if($(obj).is(':checked')){ $('input:checkbox[name=id]').attr("checked",'true');//全选 }else{ $('input:checkbox[name=id]').removeAttr("check...原创 2012-08-30 16:05:33 · 49 阅读 · 0 评论 -
jquery select 操作
jquery操作select(取值,设置选中) 比如<select class="selector"></select> 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find(&quo原创 2012-08-27 10:55:35 · 54 阅读 · 0 评论 -
提醒框
<link href="warn.css" rel="stylesheet" type="text/css" /><script src="warnTip.js" type="text/javascript"></script>$(document).ready(function() {原创 2013-05-17 09:24:38 · 74 阅读 · 0 评论 -
制作简单的连连看
面向对象练习游戏。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator"2013-04-12 17:36:27 · 203 阅读 · 0 评论 -
js 游戏收录
http://www.cnblogs.com/psunny/archive/2009/11/27/1612304.html原创 2013-04-09 22:58:53 · 89 阅读 · 0 评论 -
jquery 动画处理1-queue使用
测试例子中的 css <script src="../../jquery-1.7.2.js"></script> <style type="text/css"> body{ padding:0px; margin:0px; } body div{ border:1px soli...原创 2013-04-01 17:24:34 · 112 阅读 · 0 评论 -
js获取对象xy宽高
对象的横坐标var x = canvas.style.left; 对象的yvar y = canvas.style.top;对象的宽var width = canvas.clientWidth;对象的高var height = canvas.clientHeight; 这个并不全对,作为自己记录用。...原创 2012-07-22 09:28:35 · 265 阅读 · 0 评论 -
html 中各种宽高的理解 client offset width height
JS:offsetWidth\offsetleft 等图文解释 (2010-11-01 10:50:41)转载▼标签: it分类: 工作日志 图片见附件. document.documentElement.clientHeight 与 document.body.clientHeight 区别 当html有<!DOCTYPE html PUBLIC "-//...原创 2012-07-22 09:05:01 · 158 阅读 · 0 评论 -
js 类的使用
一 .使用对象初始化器创建对象 var name = { firstName:'firstName', lastName:'lastName', getFirstName:function(){ return this.firstName; },...原创 2012-07-22 09:00:51 · 65 阅读 · 0 评论 -
js 几种必须知道的东西(基础)
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。 (1)简化代码 JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: var car ...原创 2012-07-20 15:49:03 · 151 阅读 · 1 评论 -
js 对象添加事件与屏蔽事件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <BODY> <input id="para" type="text" /> <a href="www.baidu.com" id=&原创 2012-07-20 15:46:09 · 177 阅读 · 0 评论 -
jquery 选择器使用参考
基本选择器:$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组$(".myClass") 选择使用myClass类的css的所有元素$("*...原创 2013-03-08 11:59:31 · 61 阅读 · 0 评论 -
js 父子页面跳转问题
js页面跳转的问题(跳转到父页面,跳转到最外层页面)2011-01-14 16:16"window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.location.href"是最外层的页面跳转举例说明:如果A,B,C,D都是jsp,D是C的iframe,C是B的i...原创 2012-07-18 16:15:32 · 149 阅读 · 0 评论