06 2013 档案
摘要：在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。var dataObj=eval("("+data+")");//转换为json对象 为什么要 eval这里要添加 “("("+data+")");//”呢？原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代
阅读全文
摘要：复习1. 商品表 增删改查 index.php add.php view.php edit.php action.php2. MVC(Model(模型) View(视图) Controller(控制器)) v1版本 将原来的action(动作),写成方法,每一个action文件,就是个类 什么是入口文件? 用于浏览器直接访问的那个文件 什么是action? 是我们类中的,用于调用的方法 如何在同一个入口文件中,如何调用不同的action? 通过url中的参数来控制 $_GET['a']; v2 版本 如何在同一个入口文件中,调用不同的类 接收参数,来确定当前要实例化哪一个类 通
阅读全文
摘要：保留变量 方便使用php 不用assign {$smarty} get {$smarty.get.page} session {$smarty.session.user.name} server cookies request const(常量) 变量调节器 escape(跟php中的htmlentities()) $smarty->assign('title','标题') {$title}则直接输出 html的格式 {$title|escape} 转码 escape($title) default 当没有的时候则是默认值 date_format {$sm
阅读全文
摘要：复习面向过程中，如何输出显示变量的内容 01.php第一个版本，使用三个文件来输出html 1.访问文件 2.类MyTpl.class.php 3.一个html模板文件 课堂练习第一个版本第二个版本，在MyTpl类中，添加了一个assign()方法，用于从入口文件分配变量到对象上， 在模板html文件中，可以通过$this->data来访问分配过来的数据第三个版本 我们让assign()过来的变量，直在模板中使用 模板中不能直接使用入口文件中的变量 ，需要assign()后才能在模板中使用第四个版本 让display()接收一个模板文件，实现换皮肤功能 MyTpl类，可以通用了，例如在i
阅读全文
摘要：-----------------------------理念 写的少,做的多 write less , do more优势 轻量级的 强大的选择器 出色的DOM操作封装 可靠的事件处理机制(兼容性好) 完善的AJAX 不污染顶级变量 jQuery 出色的浏览器兼容性 连贯操作($this返回) 隐式迭代(内部做了很多循环,可以自己写) 行为和结构分离(事件上面Event) 插件支持 文档 开源-------------------------------区分jQuery对象与DOM对象 jQuery对象 $() 可以直接调用jQuery提供的方法或属性 DOM对象 getElementB..
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //js中数组是对象 //可以给对象，动态添加方法 //页面加载完成后，执行本匿名函数 window.onload=function(){ //通过tagName找元素 //var arr=$("span"); //alert(arr.length); //
阅读全文
摘要：AJAX-------------------------AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。举例!异步是发短信,同步是打电话.异步的时候,会有回调.想用JS去服务器拿数据?客户端的JS.所以没有能力去服务器拿信息借用服务端的PHP,JS模拟一个$_GET请求,之后它的局部就变了.请求与响应. 请求:request 相应:response 相应出来的为字符串. eval() 把字符串当js代码执行1.HTTP返回状态码(响应) 1XX 临时响应 2XX 成功 200 OK 访问成功 3XX 重定向 301:永久重
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">#news{overflow:hidden; height:130px;width:250px;border:1px solid red;}ul{margin:0}</style><script type="text/javascript">//需要滚动的对
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">#mydemo{border:1px solid #333;width:300px;height:250px;display:none;/*绝对定位*/position:absolute;background-color:#fff;}.btn{width:80px;height:40px;border
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="
阅读全文
摘要：<!DOCTYPE html><html onkeydown="run(event)"><head><meta charset="utf-8"><title></title><style type="text/css">#main{width:300px;height:300px;border:1px solid blue;}#tank{width:50px;height:50px;border:1px solid red;}</style>
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>连连看</title><style type="text/css">#main{width:550px;height:300px;border:1px solid blue;overflow:hidden;zoom:1;}#main div{width:50px;height:50px;background-color:#F5E488;float:left;ma
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>三级联动</title></head><body>省<select name="pro" onchange="showCity()"><!-- <option value="1">北京</option> --></select>市<select
阅读全文
摘要：insertBefore第二个参数是必填参数,如果不指定第二个参数二级联动 省市级连第六天事件 event事件不是对象,是一种机制异步事件驱动,给个函数 浏览器告诉的事件 产生事件,响应事件,处理事件1.事件类型 event type 键盘事件 鼠标事件 事件名称 click lock2.事件目标 event target window document element(div,a)3.事件处理程序 event handler 事件监听程序 event listener 事件被触发 fire , trigger , dispatch(派发)4.事件对象 event object5.事件的传播.
阅读全文
摘要：DOM操作文档的对象 Document Object Model(XML DOM 与 HTML DOM)1.什么是DOM?能做什么?增删改查2.XML DOM - Node 对象 都是一个对象,三个重要属性 a.nodeType 节点类型 元素节点(标签节点)(element) 1 例如(div img...) 属性节点() 2 例如(a标签的href属性) 文本节点() 3 例如(<div>Hello</div>)//hello属于div的子节点 注释节点 8 例如(<!--->) 文档节点 9 整个文档document b.nodeValue 节点的值
阅读全文
摘要：a. alert(new Date(1992,2,30,15,44,9)); 月份要加一b.在新浪里如何1个中文占一个与英文2个占一个 1.取出用户输入的内容 var str=document.getElementById("msg").value; var regexp=/^[\x00-\xff]$/; for(var i=0;i<str.length;i++){ if(regexp.test(str[i])){ length+=1; }else{ length+=2; } } alert(Math.ceil(length/2));一.BOM 浏览器对象(在全局对象
阅读全文
摘要：一、Arguments该对象代表正在执行的函数和调用他的函数的参数。[function.]arguments[n]参数function ：选项。当前正在执行的 Function 对象的名字。n ：选项。要传递给 Function 对象的从0开始的参数值索引。说明：Arguments是进行函数调用时，除了指定的参数外，还另外创建的一个隐藏对象。Arguments是个类似数组但不是数组的对象，说他类似数组是因为其具备数组相同的访问性质及方式，能够由arguments[n]来访问对应的单个参数的值，并拥有数组长度属性length。还有就是arguments对象存储的是实际 传递给函数的参数，而不局限
阅读全文
摘要：1.函数 函数也是一个对象. alert(func instanceof Object); 注意点: (1)形参不能带有默认值 (2)函数可以嵌套函数2.常用的调用方式 作为函数调用 test(); 作为方法调用 this.test(); 作为构造方法 new Object(); Object其实是一个函数 作为命名空间 (function(){ alert('tttt') })(); 避免使用全局变量,防止变量污染的问题 在原型上添加了属性,就算之前实例话的对象,也自动拥有3.对象的constructor属性 可以查看到该对象是由那个对象构造的4.如何在js中，定义对象 /*
阅读全文
