文章分类 -  JavaScript

 
JS——解决form表单的嵌套
摘要:form表单不允许嵌套,如果嵌套,第一个form表单将无法正常提交, 可以使用js控制,将一个form表单分别做提交: 也可以这样: 阅读全文
posted @ 2018-06-06 09:55 笨笨是个名字 阅读(1142) 评论(0) 推荐(0)
JS——关于事件
摘要:一、注册事件 有两种方式:(一)直接在标签中添加,(二)直接在JS代码中添加, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>event</title> </head> <body> <div>关于事件的注 阅读全文
posted @ 2017-08-20 12:45 笨笨是个名字 阅读(138) 评论(0) 推荐(0)
JS——效果实例:submit、confirm、location、定时器
摘要:一、submit (一)直接在html的标签中使用,(二)通过JS调用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>submit</title> </head> <body> <div>html的表单功能 阅读全文
posted @ 2017-08-20 10:17 笨笨是个名字 阅读(450) 评论(0) 推荐(0)
JS——效果实例:高度、滚动条
摘要:一、各种高度 1、scrollTop: 上方隐藏文本高度; 屏幕右侧滚轮滑动的高度:document.body.scrollTop, 2、scrollHeight: 全部内容的高度+上下padding; 滑轮滑到最底端时:scrollTop + 当前Windows窗口的高度 = scrollHeig 阅读全文
posted @ 2017-08-17 12:55 笨笨是个名字 阅读(418) 评论(0) 推荐(0)
JS——效果实例:标签操作、返回顶部
摘要:一、标签操作 (一)插入标签 方式一:使用原生字符串的形式添加,insertAdjacentHTML,四种方式: 在列表内的最下面:beforeEnd, 在列表内的最上面:afterBegin, 在列表外面上方:beforeBegin, 在列表外面下方:afterEnd, <!DOCTYPE htm 阅读全文
posted @ 2017-08-17 09:32 笨笨是个名字 阅读(209) 评论(0) 推荐(0)
JS——效果实例:搜索框、表单值、自定义属性
摘要:一、关于内容 (一)搜索框 实现效果:框内默认文本,在搜索框被聚焦后消失,在取消聚焦后出现, <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>searchBar</title> <style> .gg{ co 阅读全文
posted @ 2017-08-15 10:19 笨笨是个名字 阅读(467) 评论(0) 推荐(0)
JS——DOM
摘要:通过DOM对HTML的文档树进行操作, 一、DOM选择器 (一)直接获取标签 有四种方式:document.getElementById()、document.getElementsByTagName()、document.getElementsByClassName()、document.getE 阅读全文
posted @ 2017-08-14 15:56 笨笨是个名字 阅读(124) 评论(0) 推荐(0)
JS——语句、函数与面向对象
摘要:一、语句 (一)条件语句 JS的条件语句,有 if 条件语句和 switch 选择语句两种,if条件语句的格式与python也不相同, (二)循环语句 JS支持两种循环语句:for、while,for循环有支持两种模式:基本for循环、foreach, <!DOCTYPE html> <html l 阅读全文
posted @ 2017-08-14 09:55 笨笨是个名字 阅读(118) 评论(0) 推荐(0)
JS——数据相关
摘要:一、URL转义:对URL进行编码、解析,原字符串不动,生成新的字符串, 方法一:encodeURI()与decodeURI(),不会对下列字符编码: ASCII字母、数字、~!@#$&*()=:/,;?+' 方法二:encodeURIComponent()与decodeURIComponent(), 阅读全文
posted @ 2017-08-13 13:49 笨笨是个名字 阅读(89) 评论(0) 推荐(0)
JS——数据类型
摘要:JS 数据类型有四种:数字、字符串、布尔值、数组, 其中:数字、字符串和布尔值,是不可以修改的,叫做原始类型,数组是可以通过链表进行修改的, 数据类型判断:typeof,返回结果永远是一个字符串,其中包含数据类型信息, “string”、"number"等, 一、数字 (一)创建数字:有两种方式,直 阅读全文
posted @ 2017-08-11 16:37 笨笨是个名字 阅读(156) 评论(0) 推荐(0)
JS——基本介绍
摘要:Javascript是一门语言,使用浏览器做解释器,通过调用DOM接口模块,对HTML\CSS文档树进行操作。 例如:将文档树中的全部<a>标签,替换成<p>标签, DOM找到所有文档树中的a标签 DOM将a标签替换成p标签(由于DOM一次只能读取一个,所以实现全部替换,需要循环操作,这里使用的便是 阅读全文
posted @ 2017-08-11 14:44 笨笨是个名字 阅读(256) 评论(0) 推荐(0)