
JS
治荣
这个作者很懒,什么都没留下…
展开
-
在线HTML编辑器:kindeditor、FCKeditor
将editor文件直接“复制”到day21目录即可。在需要的编辑器的页面,引入如下文件:<script charset="utf-8" src="js/editor/kindeditor-min.js"></script><script charset="utf-8" src="js/editor/lang/zh_CN.js">&l原创 2019-01-17 12:15:52 · 330 阅读 · 0 评论 -
JS 变量作用域链 变量的类型及访问优先顺序
1.定义变量在当前环境now、内部环境f1、内部深层环境f2/f3…都起作用的现象形成了一个链条,这个链条就称为变量的"作用域链"2. 作用域链的作用2.1 变量必须“先声明、后使用”函数可以“先使用、后声明”,原因是函数有“预加载”过程2.2 内部环境可以访问外部环境的变量,反之不然环境:每个函数内部都是一个环境,最外边是全局环境。两种类型:函数环境、全局环境2.3 变量的...原创 2019-03-29 10:05:53 · 449 阅读 · 0 评论 -
jQuery框架对象分析
jQuery框架对象类型:jquery对象 和 $对象① jquery对象(普通对象):就是各种选择器创建出来的对象 (div)(div)(div)(.class) $(#id)② $对象就是”函数对象” $.get()1.jquery对象$(‘#one’)---->$函数 ---->new jQuery.fn.init()$(‘#one’).css()/attr()/...原创 2019-04-11 18:29:39 · 183 阅读 · 0 评论 -
JS 闭包
1.什么是闭包闭包就是一个函数,两个函数彼此嵌套,内部函数就是闭包形成闭包条件是内部函数需要通过return给返回出来.2. 闭包特点闭包有权利调用其上级环境的变量信息。父级环境的信息已经固化为本身AO的成员了。闭包特点及原理:3. 闭包使用规则同一个闭包机制可以创建多个闭包函数出来,它们彼此没有联系,都是独立的。并且每个闭包函数可以保存自己个性化的信息。三个闭包彼此独立、没...原创 2019-03-29 10:26:35 · 118 阅读 · 0 评论 -
JS 面向对象 创建对象 对象在内存分配 对象调用 其他函数 或 其他对象成员 构造函数 通过call或apply执行函数 获取构造器 new Function()方式创建一个函数出来
PHP里边,是从一个类里边获得一个具体对象。Javascript里边,没有类的概念,可以直接创建一个对象(或通过函数)出来,对象可以有默认成员,后期也可以给对象丰富成员出来。1.创建对象① 字面量方式创建var obj = {成员名称:值,名称:值,名称:值…};② 构造函数创建对象var obj = new 函数名称();③ Object方式创建对象var obj = new O...原创 2019-03-29 11:10:21 · 473 阅读 · 0 评论 -
jquery 遍历方法each()
each()遍历方法:$.each(数组/对象,function处理); //$对象 调用的$(选择器).each(function处理); //jquery对象 调用的jquery对象的遍历:原创 2019-04-12 10:51:00 · 192 阅读 · 0 评论 -
jquery加载事件
javascript的加载事件:<body onload = “函数()”>window.onload = function(){}加载事件作用:使得html和css代码先执行,最后执行javascript代码。1.jquery加载事件实现① $(document).ready(function处理);$(document)是把document的dom对象变为jquery...原创 2019-04-12 12:53:31 · 4278 阅读 · 0 评论 -
Jquery 地区三级联动
涉及技术点:jquery + Ajax + xml1.省份的获取和显示2.显示对应城市信息根据选中的省份显示对应的城市信息,给省份下拉列表设置onchange内容改变事件。xml文档不适合频繁请求,在第一次请求回来之后就赋予到一个全局变量xmldom里边,供后续访问使用:从城市向地区切换:...原创 2019-04-16 10:48:49 · 215 阅读 · 0 评论 -
Jquery事件操作 对文档的操作 属性选择器使用
① dom1级事件设置<input type=”text” ”过程性代码” value=’tom’ /><input type=”text” ”函数()” />itnode.onclick = function(){}itnode.onclick = 函数;② dom2级事件设置itnode.addEventListener(类型,处理,事件流);it...原创 2019-04-12 21:48:10 · 222 阅读 · 0 评论 -
Jquery 迷你版jquery框架开发
选择器:#id、tag标签、dom节点方法:css()、attr()、each()方法学习”迷你版jquery”可以认识到的地方:①jquery里边的大部分方法有“遍历机制”②jquery方法里边的参数this是代表dom对象1.制作选择器2.各种方法的封装each()方法内部的this、m、n的来由。...原创 2019-04-16 20:33:18 · 411 阅读 · 0 评论 -
jquery插件开发
1.什么是jquery插件jquery框架本身给我们提供了一些方法供使用。但是方法的数目是有限的,其不能任意满足我们对各种功能的需求。那么我们自己可以来给jquery框架开发、扩展一些额外功能方法。给jquery框架开发、扩展额外方法的过程就是“插件开发”插件作用:避免写重复代码,简化开发2. 制作一个应用插件3. 两种形式丰富方法① 给$.fn丰富成员(该成员可以给jquer...原创 2019-04-16 22:34:32 · 129 阅读 · 0 评论 -
Jquery 事件绑定 取消事件绑定 事件对象、阻止浏览器默认动作、阻止事件冒泡
1.事件绑定jquery事件的简单操作:$().事件类型(function事件处理);$().事件类型();1.1 jquery事件绑定事件绑定后可以很方便地取消绑定。$().bind(事件类型,function事件处理);$().bind(类型1 类型2 类型3,事件处理); //给许多不同类型的事件绑定同一个处理//不同事件使用”一个”空格分隔$().bind(json对...原创 2019-04-14 17:13:37 · 343 阅读 · 0 评论 -
jquery 动画效果 show hide toggle fadeIn fadeOut...
1.基本动画2.垂直动画3.颜色渐变动画给元素设置指定的透明度:透明度基本设置:原创 2019-04-14 18:31:55 · 231 阅读 · 0 评论 -
jQuery函数解析,jquery对象 与 dom对象关系,jquery对象使用dom对象方法,dom对象使用jquery对象方法
$符号的由来$(‘div’) $(‘.apple’) $(‘*’) $(’#id属性值‘)等等。选择器使用的过程就是函数调用过程。符号就是一个函数,函数名称为”符号就是一个函数,函数名称为”符号就是一个函数,函数名称为””符号而已。也可以使用“jQuery”符号。在jquery框架外部使用的$符号本质是一个“函数”,除此之外还可以使用jQuery它们都是同一个函数的不同名字。并且...原创 2019-04-11 17:42:32 · 778 阅读 · 0 评论 -
jQuery选择器
在页面上获得各种元素节点对象而使用的条件就是选择器。document.getElementById()document.getElementsByTagName();document.getElementsByName();1.基本选择器$(‘#id属性值’) ----------->document.getElementById()$(‘tag标签名称’)----------...原创 2019-04-07 23:02:42 · 296 阅读 · 0 评论 -
$('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法
<input type='checkbox' id='cb'/> <script> //获取是否选中 var isChecked = $('#cb').attr('checked'); //设置选中 $('#cb').attr('checked',true); </script> 这样写在Jquery1.6之前完全没问题,可是当我们升级1.6到更...原创 2019-04-11 12:47:55 · 2891 阅读 · 0 评论 -
JavaScript对象,属性名可以不用引号么
如上图 x,y都没有用引号括起来如果是json就必须加引号的如果只是个js的对象可以不加原创 2019-01-13 18:51:14 · 680 阅读 · 0 评论 -
JS声明对象时属性名加引号与不加引号的问题及解决方法
一般情况下属性名加引号和不加引号是都可以的,效果是一样的。var obj = { name : '你好', 'age' : 1, }; document.write( obj['name'] + '<br />' ); document.write( obj.age);上面两行代码均可以正确执行。当且仅当你的属性名是非法怪异的名字时候,会报错。var o...转载 2019-01-13 19:01:23 · 1541 阅读 · 0 评论 -
对一个json的字符串进行反编码操作
json字符串要求是"单引号"定义$jn_city = "{'shandong':'jinan','zhejiang':'hangzhou','liaoning':'shenyang'}";$fan_city = json_decode($jn_city,true);var_dump($fan_city);``得不到结果$jn_city = ‘{“shandong”:“jinan”...原创 2019-01-13 19:39:53 · 721 阅读 · 0 评论 -
Window对象属性
原创 2019-01-18 18:54:18 · 411 阅读 · 0 评论 -
JS 面向对象 封装只体现public、private 实现原型继承prototype 对象访问成员的类型及优先级 对象遍历 复制继承 静态成员
三大特性:封装、继承、多态1.封装特性在php里边,通过给成员声明关键字体现封装:public protected privatephp中有2种方式访问私有成员属性private:A.定义一个公开方法B.通过魔术方法__get()在javascript里边,封装只体现public、private①public公开的,在构造函数里边通过this关键字声明的成员都是公开的,函数内...原创 2019-03-29 21:26:38 · 256 阅读 · 0 评论 -
JS基础 类型 符号 函数 变量 数组 字符串 eval
使用语法规范① 在html代码里边引入js语言<script type=”text/javascript”>具体js代码<script type=”text/javascript” src=”js文件”>② 代码大小写敏感true/false 布尔值TRUE/FALSE 非布尔值php语言大小写敏感(其中函数名、类名、类方法名称不敏感) $...原创 2019-03-26 21:27:33 · 2502 阅读 · 0 评论 -
JS异常
什么是异常异常是程序运行时的一种错误。(语法错误)错误的类型:编译错误、运行错误在没有异常处理的时候,程序遇到“问题/错误”通常就停止运行,给用户了一种不好的体验使用异常后,即使程序有运行错误,我们也要把这个程序完整运行完毕,以便给用户好的使用效果。编译错误(语法错误):在不使用异常机制的时候,任何一行代码如果出现运行时错误,后续代码就停止执行:具体使用异常try{有可能产生...原创 2019-03-31 09:39:23 · 358 阅读 · 0 评论 -
jQuery简介
1.什么是jquery其是对javascript封装的一个框架包简化对javascript的操作javascript代码:dom获得页面节点对象、ajax操作、事件操作、事件对象jquery代码:无需考虑浏览器兼容问题、代码非常少2. 宗旨和特点http://jquery.com宗旨:写得代码很少,实现很多的功能特点:①语法简练、语义易懂、学习快速、丰富文档。②jQuery...原创 2019-04-04 21:48:51 · 473 阅读 · 0 评论 -
JS正则表达式
1.什么是正则表达式正则表达式就是记录文本规则的代码正则表达式是由普通字符(例如字符 a A到 zZ)以及特殊字符(称为元字符)组成的文字模式。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。在处理程序或网页时,经常会有查找或替换符合某些复杂规则的字符串的需要。作用①对表单域项目(用户名、密码、邮箱、qq号码、手机等等)进行验证13\d{9}[1-9]\d{4,11...原创 2019-04-01 13:01:01 · 140 阅读 · 0 评论 -
JS DOM
DOM技术:php里边有:php语言 与 xml/html标签之间沟通的一个桥梁。javascript里边有:js语言 与 html/xml标签之间沟通的一个桥梁。DOM可以让我们通过javascript语言对html文档进行增、删、改、查操作。为了方便javascript语言通过dom操作html文档比较方便,把html文档的各个组成内容划分为各种节点(对象):文档节点(docume...原创 2019-03-27 21:42:53 · 207 阅读 · 0 评论 -
JS问题 关于一些标签无法使用全局变量的问题
一个奇怪的现象,想用DOM来得到input里面的属性值,例如<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html> <head> <title>新建...原创 2019-03-28 11:37:18 · 666 阅读 · 0 评论 -
KeyCode对照表
字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V86452E69N78W87553F70O79X88654G71P80Y89755H72...原创 2019-03-28 13:03:12 · 201 阅读 · 0 评论 -
jquery封装的ajax
具体操作:$.get(url [,data] [,function(msg){}回调函数] [, dataType]);data:给服务器传递的数据,请求字符串 、json对象 都可以设置funtion(msg){}:回调函数,ajax请求完成后调用该函数,可以在此函数完成ajax的后续处理,msg泛指从服务器传递回来的信息dataType:服务器返回数据类型,html、text、...原创 2019-04-14 21:29:22 · 155 阅读 · 0 评论