DOM（文档对象模型）, 与语言无关, 用于操作XML（在Web中）和HTML（在浏览器在）文档的应用程序接口。访问DOM次数越多, 速度越慢, 费用也就越高。innerHTML属性: ducument.getElementById(‘here‘).innerHTML()保准的DOM方法: ducument.createElement()、 ducument。createTextNode()节点克隆: ducument.cloneNode()获取集合: ducument.getElementByName() ducument.getElementByClassName() ducument.getEleme...
问题：点击某个图片链接时，可以在当前网页同时看到图片以及原有的图片清单解决：增加一个“占位符”为图片预留一个浏览区域1，在清单后添加占位符<img id="placeholder" src="img/001.jpg" alt="my image">2，改变占位符的src属性function showPic(whichpic){var placeholder=document.getElementById("placeholder");//通过ID属性获取img元素的内容 var source=whichpic.getAttrribute("src");//获取点击的图片链接的src属性的值...
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>原生js面向对象选项卡(点击)</title><style>#div1 div{width:400px;height:300px;border:1px solid #ccc;overflow: hidden;display: none;margin: 15px 0;}#div1 input{color: #fff;width:100px;height:40px;background: darkseagreen;border:none;font-size: 14px;letter-spacing: 5px;}#div1 p{font-size: 20px;line-height: 24px;text-align: center;color:...
上篇读书笔记系列之：《编写可维护的javascript》读书笔记（上）上篇说的是编程风格，记录的都是最重要的点，不讲废话，写的比较简洁，而本篇将加入一些实例，因为那样比较容易说明问题。二、编程实践1、UI松耦合 第一、将css从javascript中抽离（要改变dom样式数据，应该去操作dom的class名而非dom的style属性，后续要修改此样式只需到对应的css文件中修改而不用修改js文件）； 第二、将javascript从HTML中抽离，比如下面的...
第一章 一些基本概念HTML（超文本标记语言），构建网页的静态结构，由一系列的DOM组成；CSS（层叠样式表），给网页各部分结构添加样式；JavaScript，通过获取DOM给静态结构加上动作，使用户能够与静态网页进行交互；DOM，一种API（应用程序接口），通过这个接口动态的访问和修改结构或样式。浏览器内核，即渲染引擎（rendering engine），造成不同浏览器之间存在兼容问题。渲染引擎负责对html和js文档进行解释并决定浏览器如何显示...
一. Javascript异步编程简介至少在语言级别上，Javascript是单线程的，因此异步编程对其尤为重要。拿nodejs来说，外壳是一层js语言，这是用户操作的层面，在这个层次上它是单线程运行的，也就是说我们不能像Java、Python这类语言在语言级别使用多线程能力。取而代之的是，nodejs编程中大量使用了异步编程技术，这是为了高效使用硬件，同时也可以不造成同步阻塞。不过nodejs在底层实现其实还是用了多线程技术，只是这一层用户对用户...
Javascript 面向对象编程（一）：封装作者： 阮一峰日期： 2010年5月17日学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：650) this.width=650;" src="http://image.beekka.com/blog/201005/bg2010051701.jpg" />《面向对象的Javascript》（Object-Or...
使用Javascript脚板输出如图所示的效果页面: 使用document.write()输出水平线 使用循环控制每个水平线的长度答案：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body s...
学习js的过程中有几个有用的函数。//添加事件函数function addLoadEvent(func) {var oldonload = window.onload;if(typeof window.onload != "function"){window.onload = func; }else{window.onload = function(){oldonload();func();}} }//功能：将新节点newElement添加到目标节点targetElement之后function insertAfter(newElement, targetElement){//获取目标节点的父节点parentvar parent = targetElement.parentNode;if(pare...
代码如下:interface js{ function ys($a,$b); } class Af implements js{ function ys($a,$b){ return "加法运算......结果为:".($a+$b); } } class Jf implements js{ function ys($a,$b){ return "减法运算......结果为:".($a-$b); } } class AAf implements js{ function ys($a,$b){ return "乘法运算......结果为:".($a*$b); } } class JJf implements js{ function ys($a,$b){ return "除法运算......结果为:".($a/$b); } } c...
Javascript oop设计模式 面向对象编程 最初我们写js代码的时候是这么写 function checkName(){//验证姓名}function checkEmail(){//验证邮箱}function checkPassword(){//验证密码}这种方式会造成全局变量的严重污染，再过渡到 var checkObject = {checkName : function(){};checkEmail: function(){};checkPassword: funcion(){}; }//也可如此写 var checkObject = {} // || function(){} checkObject.checkName = function(){}; ...
享元模式不同于一般的设计模式，它主要用来优化程序的性能，它最适合解决大量类似的对象而产生的性能问题。享元模式通过分析应用程序的对象，将其解析为内在数据和外在数据，减少对象的数量，从而提高应用程序的性能。 基本知识 享元模式通过共享大量的细粒度的对象，减少对象的数量，从而减少对象的内存，提高应用程序的性能。其基本思想就是分解现有类似对象的组成，将其展开为可以共享的内在数据和不可共享的外在数据，我们称内...
定义 适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的那些类（对象）可以一些工作。速成包装器（wrapper）。 适配器的别名是包装器（wrapper），这是一个相对简单的模式。在程序开发中有许多这样的场景：当我们试图调用模块或者对象的某个接口时，却发现这个接口的格式并不符合目前的需求。这时候有两种解决办法，第一...
阅读目录 基本介绍 举例说明 总结说明 简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定， 而是在执行期决定的情况。 说的通俗点，就像公司茶水间的饮料机，要咖啡还是牛奶取决于你按哪个按钮。 简单工厂模式在创建ajax对象的时候也非常有用. 通常我们创建对象最常规的方法就是使用new关键字调用构造函数，这会导致对象之间的依赖性。工...
本文实例讲述了JavaScript编程设计模式之构造器模式。分享给大家供大家参考，具体如下： 经典的OOP语言中，构造器（也叫构造函数）是一个用于初始化对象的特殊方法。在JS中，因为一切皆对象，对象构造器经常被提起。 对象构造器用于建立制定类型（Class）的对象，可以接受参数用于初始化对象的属性和方法。 对象建立 在JS中，有三个常用的方法用于建立对象： //1, 推荐使用 var newObject = {}; //2, var newObject = Object.creat...