03 2016 档案

摘要:闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变 阅读全文
posted @ 2016-03-24 11:32 mingjixiaohui 阅读(191) 评论(0) 推荐(0)
摘要:手机端全部适配简易步骤,不确保没有bug。 1、HTML 的 head 部分中加入如下代码: 其中 width:viewport 的宽度,可以指定为一个像素值,如:640,或者为特殊的值,如:device-width (设备的宽度)。 initial-scale:初始缩放比例,即当浏览器第一次加载页 阅读全文
posted @ 2016-03-24 10:21 mingjixiaohui 阅读(8523) 评论(0) 推荐(1)
摘要:http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" 阅读全文
posted @ 2016-03-24 10:15 mingjixiaohui 阅读(228) 评论(0) 推荐(0)
摘要:使用jQuery进行键盘捕获是轻而易举的事情,昨天遇到一个小问题,就是给整个页面绑定keydown事件,但是在Firefox下无效。 后经过实验解决,问题出在事件绑定对象上: //捕捉回车键 $('body').bind('keydown',function(e){ if(e.keyCode==13){ $('#loginBtn').click(); } })... 阅读全文
posted @ 2016-03-24 10:02 mingjixiaohui 阅读(252) 评论(0) 推荐(0)
摘要:来源:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如 阅读全文
posted @ 2016-03-24 10:00 mingjixiaohui 阅读(181) 评论(0) 推荐(0)
摘要:json1.json 用户注册界面 ,ajax检查用户名是不是被注册过 阅读全文
posted @ 2016-03-23 17:58 mingjixiaohui 阅读(410) 评论(0) 推荐(0)
摘要:点击按钮获取 json.json中的数据 无刷新整个页面 让局部数据刷新,只需要改变json.json中的数据 阅读全文
posted @ 2016-03-23 10:17 mingjixiaohui 阅读(306) 评论(0) 推荐(0)
摘要:Obj.val() 在没有设置的时候 是取value的值 注意和原生中的 不要混淆, 原生: Obj.value 获取 input中value的值 赋值 Obj.value = 123 Obj.val(123)设置值 直接在括号中写值 原生中 用赋值号 阅读全文
posted @ 2016-03-22 19:54 mingjixiaohui 阅读(593) 评论(0) 推荐(1)
摘要:$(function(){ //点击input中的文字 消失 $(".user").click(function(){ if($(".user").val() == "邮箱") { $(".user").val(" "); } }) //用户名验证 $(".user").blur(function(){ //验证邮箱 ^(字母数字下划线 . - ) @ (... 阅读全文
posted @ 2016-03-22 17:57 mingjixiaohui 阅读(930) 评论(0) 推荐(0)
摘要:一楼 二楼 三楼 四楼 五楼 六楼 七楼 八楼 九楼 1F 2F 3F 4F 5F 6F 7F 8F 9F 阅读全文
posted @ 2016-03-22 17:49 mingjixiaohui 阅读(486) 评论(0) 推荐(0)
摘要:Document > 阅读全文
posted @ 2016-03-19 23:15 mingjixiaohui 阅读(1728) 评论(0) 推荐(0)
摘要:鼠标放上去改变 $(".wrap_xia > div") 下的所有div的背景颜色 并且让所对应div下的第二个子元素 运动改变它定位的right值 主要标签: 阅读全文
posted @ 2016-03-19 15:35 mingjixiaohui 阅读(8716) 评论(0) 推荐(0)
摘要:当大于多少的时候 返回顶部按钮 出现 ,点击返回顶部 ,当小于多少的时候按钮隐藏 ,放到按钮上变颜色 阅读全文
posted @ 2016-03-19 09:49 mingjixiaohui 阅读(500) 评论(0) 推荐(0)
摘要:Document > 阅读全文
posted @ 2016-03-19 01:40 mingjixiaohui 阅读(270) 评论(0) 推荐(0)
摘要:主要思想当图片不断的减减 走到第4张的时候,还要向后面走,再走就没有了,所以在最后面一张添加了第一张图, 这个时候开始位置-2400 判断如果到-2400第4张的时候,让left等于0也就是开始位置 阅读全文
posted @ 2016-03-19 00:24 mingjixiaohui 阅读(1936) 评论(0) 推荐(0)
摘要:Document 阅读全文
posted @ 2016-03-19 00:01 mingjixiaohui 阅读(382) 评论(0) 推荐(0)
摘要:Document ,jQuery的css方法获得 left数据数值可 不可以去 掉 px ,jQuery的css方法获得 left数据数值可 不可以去 掉 px ,jQuery的css方法获得 left数据数值可 不可以去 掉... 阅读全文
posted @ 2016-03-18 23:11 mingjixiaohui 阅读(1545) 评论(0) 推荐(0)
摘要:Document 阅读全文
posted @ 2016-03-18 22:37 mingjixiaohui 阅读(850) 评论(0) 推荐(0)
摘要:jquery取radio单选按钮的值 $("input[name='items']:checked").val(); jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var ite 阅读全文
posted @ 2016-03-18 09:29 mingjixiaohui 阅读(793) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-03-15 22:45 mingjixiaohui 阅读(186) 评论(0) 推荐(0)
摘要:现在浏览器世界,什么都在升级,兼容性越来越好,布局出来的效果也很炫,可是有时候我们又不得不抱怨,有很多的人就像博物馆里的古董一样,不喜欢改旧换新,一直沿用着老版本的浏览器,给我们程序员带来了很大的麻烦,麻烦的不是他们换浏览器,而是浏览器里的BUG,让我们很头疼,这不,我现在就遇到了好多的问题,在火狐 阅读全文
posted @ 2016-03-15 09:06 mingjixiaohui 阅读(475) 评论(0) 推荐(0)
摘要:做一个自己网站的首页,一切都完工了,可以就是一个搜索的input框,让我折腾了两天都没弄好,实在是郁闷至极,下面为搜索框的html代码: <form action="http://www.example.com/index/search" method="get">                  阅读全文
posted @ 2016-03-15 08:59 mingjixiaohui 阅读(2464) 评论(0) 推荐(1)
摘要:Document 阅读全文
posted @ 2016-03-14 11:44 mingjixiaohui 阅读(443) 评论(0) 推荐(0)
摘要:jQuery.fn.extend({ tab:function(obj){//obj为所有的div // console.log($(this));//这里的this指向每一个li $(this).click(function(){ //先将每个div隐藏 然后点击li让对应的div显示 obj.cs... 阅读全文
posted @ 2016-03-14 11:43 mingjixiaohui 阅读(258) 评论(0) 推荐(0)
摘要:Document 用户名: 密码 : x --> 阅读全文
posted @ 2016-03-13 13:54 mingjixiaohui 阅读(399) 评论(0) 推荐(0)
摘要:Document 11111111 22222222 3333333 阅读全文
posted @ 2016-03-13 13:53 mingjixiaohui 阅读(208) 评论(0) 推荐(0)
摘要:新浪网博客频道是全中国最主流,最具人气的博客频道。拥有最耀眼的娱乐明星博客、最知性的名人博客、最动人的情感博客,最自我的草根博客。 新浪网博客频道是全中国最主流,最具人气的博客频道。拥有最耀眼的娱乐明星博客、最知性的名人博客、最动人的情感博客,最自我的草根博客。 新浪网博客频道是全中国最主流,最具人... 阅读全文
posted @ 2016-03-13 11:45 mingjixiaohui 阅读(311) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-03-13 11:37 mingjixiaohui 阅读(255) 评论(0) 推荐(0)
摘要:我们在Web 网页开发过程中,很多情况需要进行一些页面宽度和高度的计算,然而得到一些准确的值。例如页面的可视区域的宽度、可视区域的高度、屏幕的宽度、屏幕的高度等等。 下面列举一些比较常用的宽度和高度的获取方法。 网页可见区域宽:document.body.clientWidth 网页可见区域高:do 阅读全文
posted @ 2016-03-13 10:01 mingjixiaohui 阅读(529) 评论(0) 推荐(0)
摘要:函数功能:该函数在属于当前线程的指定窗口里设置鼠标捕获。一旦窗口捕获了鼠标,所有鼠标输入都针对该窗口,无论光标是否在窗口的边界内。同一时刻只能有一个窗口捕获鼠标。如果鼠标光标在另一个线程创建的窗口上,只有当鼠标键按下时系统才将鼠标输入指向指定的窗口。 阅读全文
posted @ 2016-03-12 19:53 mingjixiaohui 阅读(231) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function myAddEvent(obj , ev , fn) { if(obj.attachEvent) { obj.attachEve 阅读全文
posted @ 2016-03-12 19:40 mingjixiaohui 阅读(469) 评论(0) 推荐(0)
摘要:function myAddEvent(obj , ev , fn) { if(obj.attachEvent) { obj.attachEvent("on"+ev,fn); }else{ obj.addEventListener(ev,fn,false); } } 阅读全文
posted @ 2016-03-12 19:36 mingjixiaohui 阅读(260) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oBtn = document.getElementById("btn1"); 阅读全文
posted @ 2016-03-12 19:33 mingjixiaohui 阅读(250) 评论(0) 推荐(0)
摘要:完整版 禁止上下左右 出界 带虚线框的拖拽块 //当鼠标按下的时候虚线框的位置没变 所以要改变虚线框的位置 oBox.style.left = oDiv.offsetLeft +"px"; oBox.style.top = oDiv.offsetTop +"px"; 阅读全文
posted @ 2016-03-12 17:39 mingjixiaohui 阅读(613) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oText = document.getElementById("text1") 阅读全文
posted @ 2016-03-12 16:07 mingjixiaohui 阅读(523) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1{ position: absolute; wi 阅读全文
posted @ 2016-03-12 15:52 mingjixiaohui 阅读(1544) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oText1 = document.getElementById("txt1") 阅读全文
posted @ 2016-03-12 15:24 mingjixiaohui 阅读(254) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ document.onkeydown = function(ev){ var oEven 阅读全文
posted @ 2016-03-12 15:12 mingjixiaohui 阅读(173) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 100px; height: 100px; background: red; posi 阅读全文
posted @ 2016-03-12 15:12 mingjixiaohui 阅读(245) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 10px; height: 10px; background: red; position 阅读全文
posted @ 2016-03-12 14:33 mingjixiaohui 阅读(253) 评论(0) 推荐(0)
摘要:function getPos(ev) { var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; var scrollLeft = document.documentElement.scrollL 阅读全文
posted @ 2016-03-12 14:01 mingjixiaohui 阅读(500) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 200px; background: red; posi 阅读全文
posted @ 2016-03-12 13:40 mingjixiaohui 阅读(535) 评论(1) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 400px; height: 300px; background: red; disp 阅读全文
posted @ 2016-03-12 13:28 mingjixiaohui 阅读(198) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <script> window.onload = function(){ document.onclick = function(ev){ / 阅读全文
posted @ 2016-03-12 12:29 mingjixiaohui 阅读(151) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ //document 的子节点 高版本浏览器中包括空格所以弹undefi 阅读全文
posted @ 2016-03-12 12:17 mingjixiaohui 阅读(183) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ var oTab = document.getElementById(" 阅读全文
posted @ 2016-03-12 12:03 mingjixiaohui 阅读(156) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ var oTab = document.getElementById(" 阅读全文
posted @ 2016-03-12 11:41 mingjixiaohui 阅读(416) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ var oTab = document.getElementById(" 阅读全文
posted @ 2016-03-12 11:35 mingjixiaohui 阅读(408) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ var oTab = document.getElementById(" 阅读全文
posted @ 2016-03-12 11:19 mingjixiaohui 阅读(307) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> //tbody 可能有多个 用tBodies rows行 cells列 // alert(oTab.tBodies[0].row 阅读全文
posted @ 2016-03-12 09:13 mingjixiaohui 阅读(230) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oInp = document.getElementById("inp"); v 阅读全文
posted @ 2016-03-12 08:49 mingjixiaohui 阅读(117) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oUl = document.getElementById("ul1"); va 阅读全文
posted @ 2016-03-12 08:40 mingjixiaohui 阅读(226) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oBtn = document.getElementById("btn1"); 阅读全文
posted @ 2016-03-12 08:35 mingjixiaohui 阅读(202) 评论(0) 推荐(0)
摘要:function getByClass(oParent,sClass) { var aResult = []; var aEle = oParent.getElementsByTagName("*"); for(var i = 0 ; i < aEle.length;i++) { fi(aEle[i 阅读全文
posted @ 2016-03-11 21:33 mingjixiaohui 阅读(191) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oInp = document.getElementById("inp"); v 阅读全文
posted @ 2016-03-11 21:26 mingjixiaohui 阅读(744) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script> window.onload = function(){ var oUl = document.getElementById("u 阅读全文
posted @ 2016-03-11 21:20 mingjixiaohui 阅读(466) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 200px; background: #ccc; mar 阅读全文
posted @ 2016-03-11 21:18 mingjixiaohui 阅读(183) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var oUl = document.getElementById("ul1"); va 阅读全文
posted @ 2016-03-11 20:59 mingjixiaohui 阅读(235) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> window.onload = function(){ var oUl = document.getElementById("ul1"); 阅读全文
posted @ 2016-03-11 20:53 mingjixiaohui 阅读(181) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #div1 ul li img{ width: 200 阅读全文
posted @ 2016-03-11 19:54 mingjixiaohui 阅读(138) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #div1{ width: 50px; height: 50px; background: red; floa 阅读全文
posted @ 2016-03-11 19:22 mingjixiaohui 阅读(285) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <style type="text/css"> body{ background: url(img/0.png); } </style> <s 阅读全文
posted @ 2016-03-11 18:01 mingjixiaohui 阅读(245) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <select id="city"></select> <select id="cityarea"></select> <selec 阅读全文
posted @ 2016-03-11 15:43 mingjixiaohui 阅读(186) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p{ width: 50px; height: 50px; background: red; position: 阅读全文
posted @ 2016-03-11 15:41 mingjixiaohui 阅读(325) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="php/test.php" method="post"> <input type="text" name 阅读全文
posted @ 2016-03-10 21:29 mingjixiaohui 阅读(159) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ document.body.bgColor = "black"; window.setI 阅读全文
posted @ 2016-03-10 16:57 mingjixiaohui 阅读(470) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } div{ width: 1000px; margin: 0 阅读全文
posted @ 2016-03-10 15:47 mingjixiaohui 阅读(575) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin:0; padding:0; } html{ height:100%; } body{ over 阅读全文
posted @ 2016-03-10 11:56 mingjixiaohui 阅读(250) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ width: 100px; height: 100px; background: red; posi 阅读全文
posted @ 2016-03-10 00:11 mingjixiaohui 阅读(571) 评论(0) 推荐(0)
摘要:var arr = [12,8,99,19,112]; //只有arr.sort()值识别字符串进行排序 arr.sort(function(n1,n2)){return n1-n2;//n1-n2为如果n1小于n2为负数 n1大于n2位整数 相等等于0 //if(n1<n2) //{ // ret 阅读全文
posted @ 2016-03-09 21:20 mingjixiaohui 阅读(292) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } #smPic{ float:left; position:relative; width:40 阅读全文
posted @ 2016-03-09 19:43 mingjixiaohui 阅读(257) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } #ul1{ position: relative; wid 阅读全文
posted @ 2016-03-09 10:34 mingjixiaohui 阅读(958) 评论(0) 推荐(0)
摘要:http://hemin.cn/jq/animate.html 阅读全文
posted @ 2016-03-08 17:53 mingjixiaohui 阅读(325) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #outer{ position: relative; w 阅读全文
posted @ 2016-03-08 17:50 mingjixiaohui 阅读(254) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #imgList img{ width: 700px; 阅读全文
posted @ 2016-03-08 17:48 mingjixiaohui 阅读(900) 评论(0) 推荐(0)
摘要:<style type="text/css"> *{ margin: 0; padding: 0; } #outer{ width:1000px; height: 450px; margin: 50px auto 0; overflow: hidden; } #outer div{ width: 5 阅读全文
posted @ 2016-03-08 17:47 mingjixiaohui 阅读(151) 评论(0) 推荐(0)
摘要:move.js 利用jq实现 阅读全文
posted @ 2016-03-06 14:11 mingjixiaohui 阅读(198) 评论(0) 推荐(0)
摘要:<style> #outer{ position: relative; width: 800px; height: 450px; margin: 30px auto 0; overflow: hidden; } #inner{ position: absolute; left: 0; top: 0; 阅读全文
posted @ 2016-03-06 14:09 mingjixiaohui 阅读(347) 评论(0) 推荐(0)
摘要:<style type="text/css"> *{ margin: 0; padding: 0; } #outer{ position: relative; margin: 30px auto 0; width: 800px; height: 450px; overflow: hidden; } 阅读全文
posted @ 2016-03-06 14:04 mingjixiaohui 阅读(894) 评论(0) 推荐(0)
摘要:<style> *{ margin:0; padding:0; } #outer{ width:800px; height:450px; overflow:hidden; position:relative; } #inner{ position:absolute; width:4800px; ov 阅读全文
posted @ 2016-03-06 14:01 mingjixiaohui 阅读(185) 评论(0) 推荐(0)
摘要:<style> *{ margin:0; padding:0; } ul{ list-style:none; overflow:hidden; } ul li{ width:100px; height:40px; border:1px solid black; float:left; text-al 阅读全文
posted @ 2016-03-06 14:00 mingjixiaohui 阅读(565) 评论(0) 推荐(0)
摘要:<style> #mainBox{ overflow:hidden; position:relative; width:320px; height:568px; background:url(images/background_1.png) no-repeat; margin:30px auto 0 阅读全文
posted @ 2016-03-06 13:59 mingjixiaohui 阅读(390) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> // var person1 = new Object(); // person1.name = "syz"; // person1.age = "26"; // person1.say = function(){ // alert(" 阅读全文
posted @ 2016-03-06 13:57 mingjixiaohui 阅读(159) 评论(0) 推荐(0)
摘要:面向对象的语言有一个标志,即拥有类的概念,抽象实例对象的公共属性与方法,基于类可以创建任意多个实例对象,一般具有封装、继承、多态的特性!但JS中对象与纯面向对象语言中的对象是不同的,ECMA标准定义JS中对象:无序属性的集合,其属性可以包含基本值、对象或者函数。可以简单理解为JS的对象是一组无序的值 阅读全文
posted @ 2016-03-06 13:56 mingjixiaohui 阅读(189) 评论(0) 推荐(0)
摘要:<script> window.onload = function(){ var oTxt= document.getElementById("txt1"); var oBtn = document.getElementById("btn1"); oBtn.onclick = function(){ 阅读全文
posted @ 2016-03-06 13:49 mingjixiaohui 阅读(200) 评论(0) 推荐(0)
摘要:<script> window.onload = function(){ var oTxt1 = document.getElementById("txt1"); var oTxt2 = document.getElementById("txt2"); var oBtn = document.get 阅读全文
posted @ 2016-03-06 13:48 mingjixiaohui 阅读(414) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-03-06 13:47 mingjixiaohui 阅读(306) 评论(0) 推荐(0)
摘要://search substring(start,end)截取字符串 slice(start,end)不包括end substr(start,length)后一个参数是长度 charAtvar str ='adfasdf'; //search查找的事下标 // alert(str.search('a 阅读全文
posted @ 2016-03-06 13:46 mingjixiaohui 阅读(215) 评论(0) 推荐(0)
摘要:账号:<input type="text" id="username" /> 密码: <input type="password" id="pwd" /> <input type="checkbox" name="check" id="check" value=""/> 记住账号密码 <input 阅读全文
posted @ 2016-03-06 13:26 mingjixiaohui 阅读(297) 评论(0) 推荐(0)
摘要:<script> function setCookie(name,value,iDay) { var oDate = new Date(); oDate.setDate(oDate.getDate()+iDay) document.cookie = name +'='+ value +';expir 阅读全文
posted @ 2016-03-06 13:22 mingjixiaohui 阅读(175) 评论(0) 推荐(0)
摘要:<style type="text/css"> *{ margin:0; padding:0; } div{ float:left; } </style> 初始版 <script type="text/javascript"> var oBody = document.getElementsByTa 阅读全文
posted @ 2016-03-06 13:17 mingjixiaohui 阅读(362) 评论(0) 推荐(0)
摘要:<li>0000000</li> <li>11111111</li> <li>22222222</li> <li>33333333</li> script type="text/javascript"> var aLi = document.getElementsByTagName("li"); / 阅读全文
posted @ 2016-03-06 13:08 mingjixiaohui 阅读(517) 评论(0) 推荐(0)
摘要:<script> // var x = 0 ; // function a(){ // x++; // } // a();//没有结果 x++ // a();//没有结果 x++ // console.log(x);//2 // function a(){ // var x = 0; // x++; 阅读全文
posted @ 2016-03-06 13:04 mingjixiaohui 阅读(198) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> window.onload = function(){ var oInp = document.getElementById("inp"); oInp.onclick = function(){ //获取text中的数据 // ajax 阅读全文
posted @ 2016-03-06 12:48 mingjixiaohui 阅读(434) 评论(0) 推荐(0)
摘要:ajax("get","1.get.php","username=jh&password=123",function(data){ // alert(data); var data = JSON.parse(data); }); // function ajax(method,url,data,fn 阅读全文
posted @ 2016-03-06 12:39 mingjixiaohui 阅读(181) 评论(0) 推荐(0)
摘要:*{ margin:0; padding:0; } #outer{ width:1000px; margin:0 auto; overflow:hidden; } #outer div{ width:250px; float:left; } #outer div img{ width:220px; 阅读全文
posted @ 2016-03-06 12:36 mingjixiaohui 阅读(241) 评论(0) 推荐(0)
摘要:<input type="text" id="inp"/> <ul id="wdList"> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""& 阅读全文
posted @ 2016-03-06 11:48 mingjixiaohui 阅读(358) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> // var value = 0; // createRequest(); // function createRequest(){ // if(XMLHttpRequest){ // var xhr = new XMLHttpRequ 阅读全文
posted @ 2016-03-06 11:45 mingjixiaohui 阅读(165) 评论(0) 推荐(0)
摘要:ajax封装 function ajax(method,url,type,fn){ // if(XMLHttpRequest){ // var xhr = new XMLHttpRequest(); // }else{ // var xhr = new ActiveXObject("Microsof 阅读全文
posted @ 2016-03-06 11:42 mingjixiaohui 阅读(174) 评论(0) 推荐(0)
摘要:1.event 事件 function move(ev){ var oEvent = ev || event;  //前者ie     后者event是ff 谷歌 }   attachEvent添加绑定事件ie支持    addEventListener兼容其他浏览器 var oDiv = docu 阅读全文
posted @ 2016-03-06 11:37 mingjixiaohui 阅读(249) 评论(0) 推荐(0)
摘要:div{ width:100px; height:100px; background:red; } <div></div> <script type="text/javascript"> var oDiv = document.getElementsByTagName("div")[0]; oDiv 阅读全文
posted @ 2016-03-06 11:21 mingjixiaohui 阅读(269) 评论(0) 推荐(0)
摘要:<script type="text/javascript"> // a = 0;//全局变量 // function test(){ //// var a = 1;//局部变量 // a = 1; // alert(a); // } // test(); // var a = 0; // func 阅读全文
posted @ 2016-03-06 11:18 mingjixiaohui 阅读(148) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-03-06 11:17 mingjixiaohui 阅读(267) 评论(0) 推荐(0)
摘要:function stopProp(e){ var event = event||window.event;//前者event兼容非ie 后者兼容ie //阻止冒泡 if(event.stopPropagation){ event.stopPropagation() }else{ event.can 阅读全文
posted @ 2016-03-06 11:13 mingjixiaohui 阅读(167) 评论(0) 推荐(0)
摘要:<div id="outer"> <div id="middle"> <div id="inner"></div> </div> </div> #outer{ width:400px; height:400px; background:red; overflow:hidden; } #middle{ 阅读全文
posted @ 2016-03-06 11:07 mingjixiaohui 阅读(278) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2016-03-06 11:04 mingjixiaohui 阅读(135) 评论(0) 推荐(0)
摘要:var oDiv = document.getElementsByTagName("div")[0]; // oDiv.onclick = function(){ // alert(1); // } // oDiv.ondblclick = function(){ // alert(1); // } 阅读全文
posted @ 2016-03-06 11:03 mingjixiaohui 阅读(229) 评论(0) 推荐(0)
摘要:console.log(Math.PI);//圆周率常量 // console.log(Math.sqrt(4));//开平方 // console.log(Math.min(24,13,5235,55));//取最小值 // console.log(Math.max(24,13,5235,55)) 阅读全文
posted @ 2016-03-06 11:01 mingjixiaohui 阅读(167) 评论(0) 推荐(0)
摘要:var oDate = new Date(); // console.log(oDate); // console.log(oDate.getFullYear());//年份 // console.log(oDate.getMonth());//月份 0-11 // console.log(oDat 阅读全文
posted @ 2016-03-06 11:00 mingjixiaohui 阅读(246) 评论(0) 推荐(0)
摘要:jq实现 阅读全文
posted @ 2016-03-06 10:56 mingjixiaohui 阅读(169) 评论(0) 推荐(0)
摘要:var json = { // name:"tom&jerry", // age:"77" // } // var json1 = { // "name":"tom&jerry", // "age":"77" // } //// alert(json.name); // alert(json1.name); //json是一种在后台常用的数据存储... 阅读全文
posted @ 2016-03-06 10:53 mingjixiaohui 阅读(224) 评论(0) 推荐(0)
摘要:var arr = [1,2,3]; // var arr1 = arr.push(5,6); //push返回的是新数组长度 // alert(arr1); // alert(arr); // console.log(typeof[1,2,3]); // var arr2 = [4,5]; // 阅读全文
posted @ 2016-03-06 10:52 mingjixiaohui 阅读(214) 评论(0) 推荐(0)
摘要:var oString = "hello world"; // var num = 3; // var oNum = num.toString(); // alert(typeof(oNum)); // alert(oString.length); // alert(oString.charAt(4 阅读全文
posted @ 2016-03-06 10:51 mingjixiaohui 阅读(160) 评论(0) 推荐(0)
摘要:在JavaScript中数据类型有:number boolean string function null undefiend object //isNaN 判断的是数据是否是数字 是的话返回false 不是返回true // var b = "a123b"; // var a = parseInt 阅读全文
posted @ 2016-03-06 10:50 mingjixiaohui 阅读(189) 评论(0) 推荐(0)
摘要:<style> /* body 有外边距 margin div 没有默认的样式 p 有外边距margin ul 有外边距 margin 和 左填充 padding-left; li 有默认列表符号 ol 有外边距margin 和 左填充 padding_left; li 有默认列表符号 dl 有外边 阅读全文
posted @ 2016-03-06 10:06 mingjixiaohui 阅读(198) 评论(0) 推荐(0)
摘要:绑定事件 addEventListener:W3C标准写法IE不兼容 attachEvent:兼容IE 注意:1:事件名不同:IE下要加“on“,W3C不加 2:加载事件的执行顺序不同,W3C按绑定事件的顺序来执行,而IE6,7是后绑定的时间先发生 3:this的指向,W3C中,绑定函数中的this 阅读全文
posted @ 2016-03-06 00:20 mingjixiaohui 阅读(219) 评论(0) 推荐(0)
摘要:JS获取class的方法一: 普通版: <script type="text/javascript">function getByClass(oParent, sClass){ var aEle=oParent.getElementsByTagName('*'); var aResult=[]; v 阅读全文
posted @ 2016-03-06 00:20 mingjixiaohui 阅读(301) 评论(0) 推荐(0)
摘要:function stopPro(e) { if (e && e.stopPropagation) { //W3C取消冒泡事件 e.stopPropagation(); } else { //IE取消冒泡事件 window.event.cancelBubble = true; } }; 阅读全文
posted @ 2016-03-06 00:20 mingjixiaohui 阅读(156) 评论(0) 推荐(0)
摘要:如果想同时执行多个函数,可以将这些函数放入一个数组中,然后在onload事件里循环数组并执行,或者使用另一个方便的函数addLoadEvent: function addLoadEvent(func) { var oldonload = window.onload; if (typeof windo 阅读全文
posted @ 2016-03-06 00:20 mingjixiaohui 阅读(191) 评论(0) 推荐(0)
摘要:<script type="text/javascript">//哪个元素//哪个样式 function getStyle(obj, attr){ if(obj.currentStyle)//在火狐中为alert(obj.currenStyle)为undefined是假 假的话就会执行else中 { 阅读全文
posted @ 2016-03-06 00:20 mingjixiaohui 阅读(771) 评论(0) 推荐(0)
摘要:javascript: function addClass(id,new_class){ var i,n=0; new_class=new_class.split(","); for(i=0;i<new_class.length;i++){ if((" "+document.getElementBy 阅读全文
posted @ 2016-03-06 00:19 mingjixiaohui 阅读(267) 评论(0) 推荐(0)
摘要:IE、Safari、Opera和Chrome支持innerText属性。Firefox虽然不支持innerText,但支持作用类似的textContent属性。textContent是DOM3级规定的一个属性,而且也得到了safari、opera和Chrome的支持。为了确保跨浏览器兼容,有必要想下 阅读全文
posted @ 2016-03-06 00:19 mingjixiaohui 阅读(211) 评论(0) 推荐(0)
摘要:function getvl(name) { var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(location.href)) return unescape(RegExp.$2.repla 阅读全文
posted @ 2016-03-06 00:19 mingjixiaohui 阅读(271) 评论(0) 推荐(0)
摘要:<div id="b">bbbbbbbbb</div> <div>dddddd</div> JavaScript window.onload=function(){ var a =document.createElement("span"); var b =document.createTextNo 阅读全文
posted @ 2016-03-06 00:19 mingjixiaohui 阅读(227) 评论(0) 推荐(0)
摘要:window.onload=window.onresize=window.onscroll=function() { showImg(); }; function getPos(obj) { var l=0; var t=0; while(obj) { l+=obj.offsetLeft; t+=o 阅读全文
posted @ 2016-03-06 00:19 mingjixiaohui 阅读(205) 评论(0) 推荐(0)
摘要://获取元素的样式值。 function getStyle(elem, name) { if (elem.style[name]) { return elem.style[name]; } else if (elem.currentStyle) { return elem.currentStyle[ 阅读全文
posted @ 2016-03-06 00:18 mingjixiaohui 阅读(236) 评论(0) 推荐(0)
摘要:一:navigator.userAgent window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,通过这个属性来判断浏览器类型,下面是我写的一个函数,这个函数返回一个包含浏览器名称和版本的数组。 此函数可区分ie5.5~ie8、Chrom 阅读全文
posted @ 2016-03-06 00:18 mingjixiaohui 阅读(224) 评论(0) 推荐(0)
摘要:function ajax(url, fnSucc, fnFaild) { //1.创建 if(window.XMLHttpRequest) { var oAjax=new XMLHttpRequest(); } else { var oAjax=new ActiveXObject('Microso 阅读全文
posted @ 2016-03-06 00:18 mingjixiaohui 阅读(208) 评论(0) 推荐(0)
摘要:function toDuble(n){ if(n<10){ return '0'+n; }else{ return ''+n; } } 阅读全文
posted @ 2016-03-06 00:18 mingjixiaohui 阅读(212) 评论(0) 推荐(0)
摘要:function getElementsByAttribute(attribute, attributeValue){var elementArray = new Array();var matchedArray = new Array();if (document.all){elementArra 阅读全文
posted @ 2016-03-06 00:10 mingjixiaohui 阅读(270) 评论(0) 推荐(0)
摘要:制定document.getElementByClassName() Abstract W3C DOM有制定document.getElementByClassName(),但有候没有ID,而只有class name可抓怎?Introduction Blog做改造,常遇到根本有ID可抓,而只有cla 阅读全文
posted @ 2016-03-06 00:07 mingjixiaohui 阅读(1109) 评论(0) 推荐(0)
摘要:在给网页加一些特效时经常要在<body>中加入“onload”事件,即在网页加载完后执行某事件,例如:<body onload=”alert(‘欢迎光临!’)”,但这样做有个大的缺陷,事件会在网页完全下载完后才会执行,包括网页中的图片或Flash等,如果网页中的图片比较大或有很多图,可能还没等网页完 阅读全文
posted @ 2016-03-06 00:00 mingjixiaohui 阅读(328) 评论(0) 推荐(0)