
JavaScript
文章平均质量分 74
仲永要加油呀
绕了一个很大的圈,希望终能抵达终点。
展开
-
JavaScript(1):实现跑马灯小程序
1.JavaScript是独立的语言,浏览器具有JS解释器 2.JavaScript代码存在形式: ——head中<scrip> //JavaScript代码 alert(123);</scrip><scrip type="text/javascript"> //JavaScript代码 ...原创 2018-05-18 09:32:30 · 1020 阅读 · 0 评论 -
JavaScript(13):用jQuery实现复选框的全、反、取选
以下给出完整示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用jQuery实现复选框的全、反、取选</title></head><b原创 2018-06-14 17:28:08 · 160 阅读 · 0 评论 -
JavaScript(14):实现jQuery的click绑定及链式编程
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>隐藏菜单栏</title> <!--主要为了实现jQuery的click绑定及链式编程-->原创 2018-06-14 17:29:40 · 135 阅读 · 0 评论 -
JavaScript(15):表格行之增删改
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格行之增删改</title> <!--编辑功能在s5中并没有被实现,在该s5_new中被实现了--&原创 2018-06-14 17:31:27 · 241 阅读 · 0 评论 -
JavaScript(16):横版菜单栏
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>横版菜单栏</title> <style> .active{原创 2018-06-14 17:32:41 · 240 阅读 · 0 评论 -
JavaScript(17):基于输入框的增删与复制
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基于输入框的增删与复制</title></head><body>原创 2018-06-14 17:33:59 · 171 阅读 · 0 评论 -
JavaScript(18):点赞功能的实现
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点赞功能的实现</title> <style> .container{原创 2018-06-14 17:35:26 · 5531 阅读 · 0 评论 -
JavaScript(19):表单内容提交
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单内容提交</title> <style> .error{原创 2018-06-14 17:38:10 · 171 阅读 · 0 评论 -
JavaScript(20):jQuery扩展的两种方法
示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery扩展的两种方法</title> <style> div{原创 2018-06-14 17:39:25 · 110 阅读 · 0 评论 -
JavaScript(11):词法分析
1.词法分析 JS中,在函数执行前会首先对函数进行词法分析,然后再执行函数。 <script> function t1(age){ //词法分析第1步:age=undefined console.log(age); //函数执行第1步(使...原创 2018-05-30 21:50:03 · 249 阅读 · 0 评论 -
JavaScript(10):行为(HTML)、结构(CSS)、样式(JS)相分离的页面
1.绑定事件的两种方式 (1)直接标签绑定<p id="p" onclick = "func()">标签绑定</p> (2)先获取DOM对象,然后进行绑定document.getElementById("i1").onclickdocumnet.getElementById("i2").onfocus 以下给出由第二种绑定方式实现行为、结构、样式原创 2018-05-29 21:01:59 · 2899 阅读 · 4 评论 -
JavaScript(12):jQuery(1)
1.jQuery中文文档网址 http://jquery.cuishifeng.cn/ 2.jQuery选择器($符号相当于jquery) (1)id选择器 $('#id') (2)class选择器 $(".classname") (3)标签选择器 $('tagname') (4)组合选择器<d...原创 2018-06-05 09:23:24 · 153 阅读 · 0 评论 -
JavaScript(2):循环、条件、函数、逻辑运算符
1.for循环 (1)循环时,循环的元素是索引a=[11,22,33,44]for(var item in a){ console.log(item);}b={"k1":67,"k2":"v2"}for(var item in b){ console.log(item);} (2)另一种不支持字典的循环for(var i=0;i<10;i++){ ...原创 2018-05-18 16:20:15 · 131 阅读 · 0 评论 -
JavaScript(3):DOM选择器
1.找到标签document.getElementById("i1") //获取单个元素document.getElementByTagName("div") //获取多个元素(结果存放在列表中)document.getElementByClassName("c1") //获取多个元素(结果存放在列表中) (1)直接找document.getElementById ...原创 2018-05-18 16:56:06 · 264 阅读 · 0 评论 -
JavaScript(4):模态对话框、隐藏二级菜单及多选框的实现
模态对话框主要是通过改变表现的属性名来改变相应标签的显示性。 以下给出模态对话框的实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模态对话框的实现</title>原创 2018-05-22 22:52:44 · 509 阅读 · 0 评论 -
JavaScript(5):序列化、转义、eval、Date类
1.序列化 JSON.stringify(obj) //将对象转化为字符串JSON.parse(str) //将字符串转换为对象类型 2.转义decodeURI() //URI中未转义的字符decodeURIComponent() //URI组件中的未转义字符encodeURI() ...原创 2018-05-28 11:29:30 · 616 阅读 · 0 评论 -
JavaScript(6):作用域、面向对象
一、作用域 1.其他语言:以代码块作为作用域public void Func(){ if(1==1){ string name = "java"; } print("name");}Func() //报错,因为参数name只是作用域为if结构内的局部变量 2.python:以函数为作用域情况一: def func():...原创 2018-05-28 15:53:17 · 174 阅读 · 0 评论 -
JavaScript(7):DOM直接查找与间接查找的补充
1.直接查找var obj=document.getElementById("i1"); //根据id值获取对应的标签 2.间接查找 (1)文件内容操作:innerText //仅文本innerHTML //全内容value input //value获取当前标签中的值 select //获...原创 2018-05-28 16:29:07 · 223 阅读 · 0 评论 -
JavaScript(8):搜索框示例实现、样式操作、属性操作、标签操作
以下给出搜索框示例的详细代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>搜索框的实现</title></head><body&g原创 2018-05-28 17:24:23 · 1135 阅读 · 0 评论 -
JavaScript(9):非常规form表单提交、弹出框、URL和刷新、定时器
1.非常规form表单的提交方式 任何处于form表单中的标签通过DOM都可提交表单document.getElementById("form").submit(); 以下给出相应的示例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g原创 2018-05-28 21:35:55 · 272 阅读 · 0 评论 -
JavaScript(21):jQuery(2)
一、JS正则 1.定义正则表达式/.../ 用于定义正则表达式/.../g 表示全局匹配/.../i 表示不区分大小写/.../m 表示多行匹配/.../gim 混用 2.test 判断字符串是否符合规定的正则rep = /\d+/;rep.test('asdghfty45665bjkkhuj'...原创 2018-06-18 17:47:29 · 136 阅读 · 0 评论