描述: 点击朋友/家人/陌生人, 显示/收起对应列表 代码实现:<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>QQ列表</title><style> *{margin: 0;padding: 0;}li{list-style: none;}#wrap{width: 430px;margin: 20px auto;}.list h3{font: normal 20px/50px "微软雅黑";width: 430px;height: 50px;background-color: #FEDAB8;}.lis...
描述: 输入两个数, 实现+ - * / % 5种操作<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Switch</title> </head> <body><!-- 1.布局, 两个输入框和一个下拉列表选择+ - * / --><div class="calculate">Please input two numbers:<input type="text" id = "num1"><select name="operator" id="operator"><option value="+">+</opti...
1. 课程大纲 prompt()方法的应用if-else语句的定义及应用 2.1 prompt()方法 请看下列代码： var s = prompt("请输入你要说的话："); alert(s);prompt()方法：用于显示可提示用户进行输入的信息提示输入框。prompt()小括号内的内容：提示用户输入相应的内容。prompt()方法的返回值是在输入框中输入的内容。声明变量s，用来接收用户输入的信息。在警告框中显示的是用户输入的信息. 2.2 接收数据——年龄 声明变量age，接收用户输入的...
JavaScript背景 Web前端有三层：HTML：从语义的角度，描述页面结构CSS：从审美的角度，描述样式（美化页面）JavaScript：从交互的角度，描述行为（实现业务逻辑和页面控制）发展历史 JavaScript诞生于1995年。布兰登 ? 艾奇（Brendan Eich，1961年～），1995年在网景公司，开发除了JavaScript语言。 JavaScript是由网景公司（Netscape）发明，最初命名为LiveScript；1995年12月与SUN公司合作，因市场宣传需要，改名为 JavaScript。...
文章目录前言 分析 分析url分析参数01分析参数02加密分析 模拟请求 注意点请求代码执行结果 结语 很多人学习python，不知道从何学起。很多人学习python，掌握了基本语法过后，不知道在哪里寻找案例上手。很多已经做案例的人，却不知道如何去学习更加高深的知识。那么针对这三类人，我给大家提供一个好的学习平台，免费领取视频教程，电子书籍，以及课程的源代码！??QQ群：623406465 前言 其实在以前就盯上有道翻译了的，但是由于时...
课程介绍 介绍javascript的页面引入方式、javascript变量、javascript函数的使用以及条件语句的基本使用，javascript获取元素及操作元素属性。 JavaScript介绍 JavaScript是运行在浏览器端的脚本语言，JavaScript主要解决的是前端与用户交互的问题，包括使用交互与数据交互，JavaScript是浏览器解释执行的。 前端三大块1、HTML：页面结构2、CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果3、JavaScript：页面行为...
1、概念：JavaScript是由网景公司推出，主要运行在浏览器客户端，实现页面交互的脚本语言，简写js。2、js的组成部分 ECMAScript(核心语法)、DOM（文档对象模型）、BOM（浏览器对象模型） 3、js注释单行注释 // 多行注释 /* */ 4、js的引入写js代码，需要在页面任何地方加<script></script>，一般建议在body中 有两种写法： I、内部嵌入 ，所有的内容直接写到jsp页面，简单，方便，但是不能复用 I...
** javascript从入门到跑路-----小文的js学习笔记（1）---------script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路-----小文的js学习笔记目录 ** 下面是一些基本常见的html类事件onload 加载(DOM加载完毕后触发事件)onfocus 得到焦点时触发事件onblur 失去焦点时触发事件onresize 浏览器或者框架尺寸发生变化时触发事件onscroll 滚动条发生变化时触发事件onchange 值发生变化时触发事件1、onloa...
** javascript从入门到跑路-----小文的js学习笔记（1）---------script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路-----小文的js学习笔记目录 ** 下面是我们常见的鼠标事件：onclick 单击事件ondblclick 双击事件oncontextmenu 右击事件。onmouseover 鼠标移入(穿过)onmouseout 鼠标移出。onmousemove 鼠标移入(一直会执行的代码)。onmousedown 鼠标按下。onmouseup 鼠标释放(松开)1、onclick ...
** javascript从入门到跑路-----小文的js学习笔记（1）---------script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路-----小文的js学习笔记目录 ** 一、事件 含义: 事件是由浏览器动作（如浏览器载入文档 ）和用户动作（如点击onclick）触发所产生的人机交互瞬间。 你也可以理解为 为其设置的在干了某事之后必定要发生的事件。 二、事件流 含义： 事件流所描述的是从页面中接受事件的顺序。 然后我...
超基础的入门JavaScript第一篇 既然是入门，咱先写一些在编写JavaScript代码时，应注意基本的语法规则，避免程序出错： 1.JavaScript严格区分大小写，在编写代码时一定注意大小写的正确。 2.JavaScript代码对空格、换行、缩进不敏感，一条语句可以分成多行书写。 3.如果一条语句结束后，换行书写下一条语句，后面的分号可以省略。 一、JavaScript的引入方式行内式 行内式是将JavaScript代码作为HTML标签的属性值使用。<input typ...
1. JavaScript介绍 JavaScript是属于HTML与Web的解释性编程语言，也是一种以函数优先的弱类型轻量级的脚本语言，无需进行预编译即可与HTML前端页面进行行为交互，支持跨平台运行，可在多种平台下（如Windows、Linux、Mac、Android、iOS等）。目前JavaScript被广泛地应用于Web前端Html实现页面交互、实现浏览器页面事件响应、前端数据验证、检验访客浏览器信息、控制cookies的创建与修改、基于Node.js技术进行服务器端编程。 2. ...
1.js 历史 JavaScript 作为 Netscape Navigator 浏览器的一部分首次出现在 1996 年。它最初的设 计目标是改善网页的用户体验。 作者：Brendan Eich 期初 JavaScript 被命名为 LiveScript，后因和 Sun 公司合作，因市场宣传需要改名 JavaScript。后来 Sun 公司被 Oracle 收购，JavaScript 版权归 Oracle 所有。 2.浏览器组成 1.shell部分——用户能操作部分壳 2.内核部分——用户看不到的部分 1)渲染引擎（语法规则和渲染） 2)js引擎...
（一）前端开发三剑客：html css javascript html：结构层 从语义角度来描述页面结构。 css：表现层 从审美角度美化页面。 JavaScript：从交互角度度来提升用户体验。 今天开始学习JavaScript ，首先了解javascript有三部分组成，分别是ECMAScript、DOM、BOM三部分组成。 ECMAScript ：为核心 包括 语法 规则 api 等 DOM：文档对象模型 BOM：浏览器对象模型。 说到浏览器 就不得不说一下我们现在的五大浏览器 Firefox（火狐）、...
本系列随笔是本人的学习笔记，初学阶段难免会有理解不当之处，错误之处恳请指正。转载请注明出处：。 简介 文档对象模型（Document Object Model）简称 DOM ，它提供了一套用于表示和操作 HTML 和 XML 文档内容的接口（API）。 DOM 描绘了一个层次化的节点树，允许开发人员通过添加节点、删除节点或修改该节点来更新文档页面内容。 比如下面一个 HTML 文档：<html><head><title>Sample Document</title></head><body><h1>An HTML D...