
javascript
theowl
我是猫头鹰
展开
-
js函数--函数声明;函数表达式;闭包
//函数表达式var a=function(){console.log(12);}a(); //匿名函数(function(i){console.log(i);})(5)//闭包aa();function aa(index){!function(i){console.log(66);}(index)}//闭包for(var原创 2015-05-11 15:02:16 · 601 阅读 · 0 评论 -
自动点击事件
项目实例: [html] view plaincopy/***********************************事件模拟**********************************/ [html] view plaincopyvar bbb=$(".bottom a:n原创 2015-06-07 10:13:05 · 504 阅读 · 0 评论 -
动态加载js文件
第一种方法:[html] view plaincopyspan style="font-size:14px;">function addscript(){ var js=document.getElementById("find"); var script=document.createElem原创 2015-06-07 10:10:03 · 629 阅读 · 0 评论 -
Js实现排序算法
sortwindow.onload=function(){var arr=new Array();!function(){var i=0;for(;iarr[i]=Math.ceil(Math.random()*10);}}()document.write(arr);//冒泡排序function buble(){(func原创 2015-08-12 21:21:06 · 720 阅读 · 0 评论 -
offsetTop clientX pageX screenX scrollTop之间的区别以及代码实现
边界尺寸var a= e.pageX;//鼠标在页面中的坐标位置,可能大于整个屏幕var ay= e.pageY;//鼠标在页面中的坐标位置,可能大于整个屏幕//console.log(ay); var b= e.clientX;//鼠标在屏幕上的x坐标var by= e.clientY;//鼠标在屏幕上的y坐标,所以ay>=by//console.log(by);原创 2015-07-21 14:14:56 · 1440 阅读 · 0 评论 -
jquery ajax备用
jQuery ajax - ajax() 方法实例通过 AJAX 加载一段文本:jQuery 代码:$(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({url:"/jquery/test1.txt",async:false}); $("#myDiv").htm转载 2015-07-24 16:34:45 · 435 阅读 · 0 评论 -
js字符转处理
那几个函数的应用: //全局变量删不掉,而全局属性能删掉 var a=123; function aa () { b=321; delete b; } aa(); delete a; //console.log(a); var str="wo ai sanmei"; /*构造函数模式*/ function strobj (argument) { this.c原创 2015-08-19 13:28:13 · 762 阅读 · 0 评论 -
js XMLHttprequest
用js内置对象XMLHttpRequest 来用ajax步骤:/* 用XMLHTTPRequest来进行ajax异步数据交交互*/主要有几个步骤://1.创建XMLHTTPRequest对象//最复杂的一步if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari转载 2016-01-14 19:30:28 · 826 阅读 · 0 评论 -
javascript 几种常见设计模式
showhideshowhideshowhideshowhidewindow.onload = function (argument) {//单例function layer(){function show(){console.log('show');}function hide(){console.log('hi原创 2016-03-29 21:11:54 · 644 阅读 · 0 评论 -
js对象实例化的常见三种方式
三种常见模式:工厂模式,构造函数模式,原型模式 Object创建对象常见的三种方式 window.onload=function(){ //工厂模式 function oj(){ var lio=new Object(); lio.name='lio';原创 2015-08-08 19:08:57 · 16903 阅读 · 2 评论 -
js 获取事件对象以及元素
如何获取事件源及触发该事件的对象,方法有很多,js中可以通过event来实现,下面有个不错的示例,感兴趣的朋友可以参考下某Html元素有onclick方法:onclick='return myfunction(event)'代码如下:function myfunction(event) { event = event ? event : window.event; var ob原创 2015-08-24 21:02:42 · 2688 阅读 · 1 评论 -
js 正则表达式一看就懂
window.onload=function(){ //RegExp var text='000-00-0000'; var pattern=/\d{3}-\d{2}-\d{3}/; //alert(pattern.test(text));//true if(pattern.test(text)){ console.log("ok"); }; var text原创 2015-08-22 20:59:50 · 995 阅读 · 0 评论 -
函数声明与函数表达式在间隔与循环中的表现
var run=function(){$("#imagesbox div").each(function(index,val){var width=Math.floor(Math.random()*10);$(this).css('width',a[width]);$(this).css('background-color',b[width]);$("#imagesbox im原创 2015-05-11 18:34:24 · 421 阅读 · 0 评论 -
Cookie
cookie概述 在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行的, JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。 co转载 2015-05-13 09:57:09 · 407 阅读 · 0 评论 -
setAttribute()方法
avascript之setAttribute()方法 经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。转载 2015-05-13 21:13:26 · 11247 阅读 · 0 评论 -
margin:0 auto; ie 678
一般情况下需要将div居中显示时,使用Css样式:margin:0 auto;或者margin:0 auto 1px;即可,但有时使用margin:0 auto后在firef、Chrome等浏览器里能居中,而在IE678里不居中的现象。 如下代码: #con{width:980px;martin:0 auto;} margin: 0 auto 内容居中显示 解决转载 2015-06-18 19:04:56 · 470 阅读 · 0 评论 -
jquery ajax全局事件
$(document).ajaxStart(onStart) .ajaxComplete(onComplete) .ajaxSuccess(onSuccess); function onStart(event) { //.....方法体 } function onComplete(event, xhr, settings原创 2015-06-07 10:13:52 · 1102 阅读 · 0 评论 -
HTML实体字符编码
常用字符实体注意:实体名称是区分大小写的!结果描述实体名实体编号 non-breaking space less than<<>greater t原创 2015-06-07 10:14:59 · 520 阅读 · 0 评论 -
动画整理(jquery+css3+canvas+angularjs+js )
Web动画整理总结jQuery:Animate:用法一:jQueryObject.animate( cssProperties [, duration ] [, easing ] [, complete ] )用法二:jQueryObject.animate( cssProperties, options ) $(document).ready(functio原创 2015-07-10 11:39:09 · 1382 阅读 · 0 评论 -
ajax 第二阶段项目实例
项目实例:function mode(input,ul){$(function(){//载入时隐藏下拉li$(ul).hide(0);});//Ajax 动态获取关键字$(function(){ //监听文本框输入变化$(input).bind('input propertychange',function(){//解决iphone端的事件触发问题原创 2015-05-15 10:25:04 · 540 阅读 · 0 评论 -
js的一些特性
原型: window.onload = function(){ var lio = {}; lio.age= '18'; Object.prototype.name = 'anna'; if(!NaN){ for(var i in lio){ if(lio.has原创 2016-03-13 19:42:18 · 3337 阅读 · 0 评论