随笔分类 - javascript
摘要：1、本文主体源自：http://www.cnblogs.com/coco1s/p/4029708.html，有兴趣的可以直接去那里看，也可以看看我整理加拓展的。2、js是一门什么样的语言及特点？ js是一种基于对象和事件驱动的并具有相对安全性的客户端脚本语言。也是一种广泛用于web客户端开发的脚本语
阅读全文
摘要：1、复制此代码到你js代码的最前面即可 if(!document.getElementsByClassName){ document.getElementsByClassName = function(className, element){ var children = (element || d
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js放大镜特效</title> </head> <style type="text/css"> *{ margin: 0; padding: 0; } #main{ position
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #content_main_top{ height: 80px; line-height: 80px; text-align: center; bo
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>弹力球实例</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ background-color: #
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>函数的解析顺序</title> </head> <body> <script type="text/javascript"> function f(){ return 1; } al
阅读全文
摘要：一。clientwidth和clientheight 注：返回了元素大小，但没有单位，默认单位是 px，如果你强行设置了单位，比如 100em之类，它还是会返回 px的大小。 (CSS获取的话，是照着你设置的样式获取 ). 对于元素的实际大小， clientWidth和 clientHeight理解
阅读全文
摘要：1. 原型链继承 2，构造函数继承（对象冒充继承） 3，组合继承（原型链继承+构造函数继承） 4，原型式继承 5. 寄生组合式继承 一。原型链继承 function Show(){ this.name="run"; } function Run(){ this.age="20"; //Run继承了S
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>登陆页面的拖拽功能实现</title> </head> <style type="text/css"> *{ margin:0; padding:0; } a{ text-decor
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function box(num1,num2){ return num
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>打字机效果</title> </head> <body> <div id="HotNews"> </div> <script type="text/javascript"> var
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1"> </div> <script type="text/javascript"> window.onloa
阅读全文
摘要：<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>倒计时效果</title><link rel="stylesheet" href="css/demo.cs
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> body{ margin: 0; padding: 0; background-color: #e6e6e6; }
阅读全文
摘要：四。组合构造函数+原型模型 function Box(name,age){ this.name=name; //保持独立的用构造函数 this.age=age; this.family=['哥哥','姐姐','妹妹']; } Box.prototype={ constructor:Box, //保持
阅读全文
摘要：1. 工厂模式 2. 构造函数模式 3. 原型模式 4. 混合构造函数和原型模式 5. 动态原型模式 6. 寄生构造函数模式 7. 稳妥构造函数模式 普通模式var obj=new Object(); obj.name="罗桂鑫"; obj.age=18; obj.run=function(){ r
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> function box(){ return "我只有被调用才可以执行
阅读全文
摘要：一。Ajax 是什么： 1. 通过异步模式，提升了用户体验 2. 优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用 3. Ajax 在客户端运行，承担了一部分本来由服务器承担的工作，减少了大用户量下的服务器负载。 Ajax 的最大的特点： 1. Ajax可以实现动态不刷新（局部刷
阅读全文
摘要：JavaScript跨域总结与解决办法 什么是跨域 1、document.domain+iframe的设置 2、动态创建script 3、利用iframe和location.hash 4、window.name实现的跨域数据传输 5、使用HTML5 postMessage 6、利用flash 什么是
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="button" name="btn1" id="btn1" value="按钮1" /> <input ty
阅读全文