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