摘要: JavaScript的面向对象编程 1 .__proto__关键字(找个原型对象) 用关键字,给对象找个父类,这个父类叫原型对象。然后对象就有了原型对象的属性和方法。 而且可以在代码种,改变原型对象。 完整代码如下: <!DOCTYPE html><html lang="en"><head> <me 阅读全文
posted @ 2020-02-20 22:32 WZ_BeiHang 阅读(700) 评论(0) 推荐(0) 编辑
摘要: JavaScript的内部对象 1. 标准对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript学习</title> <script> 'use strict'; console.log(ty 阅读全文
posted @ 2020-02-20 17:35 WZ_BeiHang 阅读(200) 评论(0) 推荐(0) 编辑
摘要: JavaScript的方法 方法就是把函数写在对象的里面。 对象中只有两个东西:属性和方法。 1. 方法的写法和调用 1.1. 方法的第一种写法(直接把函数写在对象中) 完整代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF- 阅读全文
posted @ 2020-02-20 14:12 WZ_BeiHang 阅读(123) 评论(0) 推荐(0) 编辑
摘要: JavaScript的变量作用域 1.全局作用域 1.1. var定义变量是有作用域的 1、在函数体中声明,则函数体外不可使用。(如果函数体中声明,实在想在外面用,可以研究下闭包) 2、JS中,函数查找变量从自身函数开始(由内向外查找) 2.1. 如果内部和外部同时有这个函数名:则函数内部使用函数内 阅读全文
posted @ 2020-02-20 13:11 WZ_BeiHang 阅读(233) 评论(0) 推荐(0) 编辑
摘要: JavaScript的函数 函数的定义方法 一共两种,等效 定义方法1 方法1调用时,为abs_1(-10); <!--定义方法1--> function abs_1(x) { if (x > 0) { return x; } else { return -x; } } 定义方法2 注意: 方法2调 阅读全文
posted @ 2020-02-20 02:05 WZ_BeiHang 阅读(95) 评论(0) 推荐(0) 编辑
摘要: JavaScript的Map和Set 1、map:映射(通过key获得value)、增、删 2、set:增、删、判断是否包含某个元素 1. Map <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScri 阅读全文
posted @ 2020-02-19 22:12 WZ_BeiHang 阅读(827) 评论(0) 推荐(0) 编辑
摘要: JavaScript的流程控制 1、if...else if...else... 2、while 3、for 4、forEach 5、for...in... 完整代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t 阅读全文
posted @ 2020-02-19 21:31 WZ_BeiHang 阅读(73) 评论(0) 推荐(0) 编辑
摘要: JavaScript的数据类型 1. 字符串 正常字符串,用单引号或双引号包裹。 转义字符 2.1. 单引号 2.2. 换行 2.3. 制表符 2.4. Unicode字符,格式为:\u### 2.5. Ascll字符 \' \\单引号\n \\换行\t \\制表符 \u4e2d \\中\x41 \ 阅读全文
posted @ 2020-02-18 23:48 WZ_BeiHang 阅读(250) 评论(0) 推荐(0) 编辑
摘要: JavaScript的严格检查模式 前提:IDEA设置为ECMAScript 6语法。 'use strict':严格检查模式,用来预防JS的随意性导致的问题。 比如:直接 i=1;这样定义成了全局变量,有时会出问题。 写代码时,写在<script>和</script>中的第一行。 局部变量,建议不 阅读全文
posted @ 2020-02-18 22:23 WZ_BeiHang 阅读(307) 评论(0) 推荐(0) 编辑
摘要: JavaScript的基本语法 设置版本为ECMAScript 6 1. 基础语法(变量+条件控制) 完整代码如下: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript学习</title> <s 阅读全文
posted @ 2020-02-18 16:00 WZ_BeiHang 阅读(108) 评论(0) 推荐(0) 编辑
摘要: JavaScript JavaScript(简写为JS)是一门世界上最流行的脚本语言。 ECMAScript是JavaScript的一个标准,最新版本到es6版本。 但是开发环境和线上环境存在版本不一致的问题。 JavaScript的基本使用 1. 创建JavaScript项目 在删除scr文件之前 阅读全文
posted @ 2020-02-17 17:14 WZ_BeiHang 阅读(677) 评论(0) 推荐(0) 编辑
摘要: HTML的学习结构 HTML的背景 HTML的创建 HTML的网页基本结构 HTML的基本标签 HTML的图像标签 HTML的链接标签 HTML的列表标签和表格标签 HTML的媒体元素(视频+音频) HTML的页面结构 HTML的内联框架(iframe) HTML的表单 HTML的表单标签 HTML 阅读全文
posted @ 2020-02-16 20:01 WZ_BeiHang 阅读(135) 评论(0) 推荐(0) 编辑
摘要: HTML的表单初级验证 placeholder(提示信息) required(确保不能为空) pattern(正则表达式验证) 1. placeholder(提示信息) 语法: <p>账号:<input type="text" name="username" placeholder="请输入账号"> 阅读全文
posted @ 2020-02-16 18:40 WZ_BeiHang 阅读(587) 评论(0) 推荐(0) 编辑
摘要: HTML的表单标签汇总 表单的元素格式: 1. 账号、密码、提交、重置 语法: <p>账号:<input type="text" name="username"></p><p>密码:<input type="password" name="pwd"></p><!--提交和重置--><p> <inpu 阅读全文
posted @ 2020-02-16 17:52 WZ_BeiHang 阅读(744) 评论(0) 推荐(0) 编辑
摘要: HTML的表单 比如登录网站的时候,有登录名和密码,就是表单。 语法: <form action="https://www.baidu.com/" method="post"><!--文本输入框 : input type = "text"--><p>账号:<input type="text" nam 阅读全文
posted @ 2020-02-16 16:33 WZ_BeiHang 阅读(178) 评论(0) 推荐(0) 编辑
摘要: HTML的内联框架(iframe) 第一种:打开网页就是带内联框架的页面 可以实现在自己的网页内部,打开另一个网页 语法: <!--src:地址frameborder:0为无边框;1为有边框--><iframe src="https://www.baidu.com/" frameborder="0" 阅读全文
posted @ 2020-02-16 15:54 WZ_BeiHang 阅读(2292) 评论(0) 推荐(0) 编辑
摘要: HTML的页面结构 以下为命名的规范: header:标题头部区域的内容(用于页面或页面中的一块区域) footer:标记脚步区域的内容(用于整个页面或页面的一块区域) nav:导航类复杂内容 以上3个常用,以下3个不常用 section:Web页面中的一块独立区域 article:独立的文字内容 阅读全文
posted @ 2020-02-16 15:24 WZ_BeiHang 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 网页的媒体元素 包括 视频 音频 首先创建一个文件夹,放视频和音频 播放(非自动播放+自动播放) 视频播放 1.1. 打开网页不自动播放 <video src="../resources/video/视频.mp4" controls></video> 1.2. 打开网页自动播放 <video src 阅读全文
posted @ 2020-02-16 12:54 WZ_BeiHang 阅读(362) 评论(0) 推荐(0) 编辑
摘要: 网页的列表和表格 列表的分类 无序列表 有序列表 自定义列表 有序列表 <!--有序列表--><ol> <li>辽宁</li> <li>沈阳</li> <li>东大</li></ol> 无序列表 <!--无序列表--><ul> <li>辽宁</li> <li>沈阳</li> <li>东大</li>< 阅读全文
posted @ 2020-02-16 00:36 WZ_BeiHang 阅读(898) 评论(0) 推荐(0) 编辑
摘要: 网页的链接标签 文本超链接 图像超链接 格式:<a href="path" target="目标窗口位置" >链接文本或图像</a> 锚链接(实现页面内或者页面间,指定位置的跳转) 邮件链接 文本超链接(点文本就能链接网页) <!DOCTYPE html><html lang="en"><head> 阅读全文
posted @ 2020-02-15 23:01 WZ_BeiHang 阅读(420) 评论(0) 推荐(0) 编辑