Y1916326465-优快云博客

转载页面跳转内容局部样式改变

实现效果如下：实现代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> ...

2019-09-25 16:09:00 1272

转载 HTML绘制太极八卦图

实现效果如下：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>太极八卦图</title> <style type="text/css">...

2019-09-18 16:04:00 1923

转载制作网络同步时间钟表的具体操作

效果如下图所示：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>时钟</title> <style type="text/css"> ...

2019-09-18 15:59:00 378

转载 Bootstrap-4.3.1版本的使用方法

1、Bootstrap有如下连网引用文件：　　bootstrap.css （未经压缩）　　bootstrap.min.js（压缩版，体积小，传输速度快）　　bootstrap.js　　bootstrap.min.js以上引用文件均为4.3.1版，且bootstrap的使用依赖 jQuery ，故使用前需引入 jquery-3.4.1.js 文件，实例如下（引...

2019-09-10 20:30:00 1547

转载在网页不跳转的前提下更新网页内容（局部刷新）

在网页不发生跳转的前提下，编写代码实现如下图效果：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>导航</title> <script type="te...

2019-09-05 15:20:00 1393

转载 jQuery_AJAX

AJAX　　AJAX全称：async javascript and xml（现可用 json 代替xml ）　　Ajax概念：异步的javascript和xml，用于浏览器和后台服务进行异步交互（传递信息）　　1) 特点：　　　　不会导致页面的全局刷新就可以进行与后台的交互　　　　交互需要在"查看元素 -> 网络"中监控　　2) 使用方式　　　　...

2019-09-05 11:35:00 135

转载 JS Dom_API

JavaScript_Dom_API1、 node ( html中所有的内容都可以认为是节点，比如：doctype、html、head、注释、div内容"hello"、空格、回车都是节点 )　　1）获取节点基本信息的属性：　　　　nodeType;　　节点类型　　　　nodeName;　　元素的标签名　　　　nodeValue;　　元素的值　　2）表示层次结...

2019-09-03 18:15:00 178

转载 JS 动态表格（添加、删除行）

用JS实现表格的增删功能，添加或删除一列：实现结果如下图：1）添加行；2）删除行；实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态表格</...

2019-09-02 18:16:00 515

转载将本地网页上传到 apache2 及 github 的步骤

将网页上传至apache2 以便所有人（可用外网或异地访问）可视。1）将文件或网页上传到 apache2 的步骤：（需要用到如下软件：FileZilla，能运行Linux操作系统的安装有 apache2 的软件____此处用Xshell ）　　打开FileZilla需要数据得数据，如下图所示：　　　　1、将需要上传的文件夹利用FileZilla上传到家目录里面...

2019-08-30 11:14:00 507

转载 JS 构造函数 Date

2019-08-29 14:45:00 219

转载 JS 对象及基本属性或方法

//使用构造函数构建对象 //1) //构造对象函数 var obj = new Object(); obj.name = "tom"; obj.age = 16; obj.gender = "male"; console.log(obj); /...

2019-08-28 20:04:00 160

转载 JS 位运算符

进行位运算前先将number类型的数字转化成二进制的数字，再进行位运算　　位与：&　　　　当两个都为真（1）时，结果为真（1）；反之为假（0）。　　位或：|　　　　当两个中有一个为真（1）时，结果为真（1）；两个均为假（0）时，结果为假（0）。　　位异或：^　　　　当两个均为真（1）或两个均为假（0）时，结果为假（0）；一真（1）一假（0），结果为真（1）...

2019-08-28 11:21:00 139

转载 JS 数组 API

// 1）添加元素移除元素相关【改变原值】 //push(p1,p2,...); //入栈，在数组的最后添加一个元素. 参数：要入栈的元素. 返回值：数组长度 var arr = [1,2,3,4,5]; var result = arr.push("txt","tom","lucy"); ...

2019-08-28 09:45:00 103

转载 JS重构函数：myPush()、myPop()、myShift()、myUnshift()

　　　　　/*push(); 入栈,在数组的最后添加一个元素. 参数：要入栈的元素.返回值：数组长度*/ //重构myPush(),插入一个元素 Array.prototype.myPush = function(){ //将需要插入数组的元素赋值给原数组最后一个索引，实现插入元素功能...

2019-08-27 14:33:00 566

转载 JS 简单算法

//分别使用while/do-while/for循环实现10的阶乘（使用递归算法） //do-while循环实现10的阶乘 var i=1; var resule=1; do{ resule *= i; i++; }while(i<=...

2019-08-26 20:17:00 197

转载 JS对象、函数、数组

// 对象： Object// 构造函数 Object :　　var obj = new Object();　　obj.id = 9;　　obj.name = "lucy";　　obj.age = 16;　　obj.gender = "male";　　console.log(obj);　　　　　　// 输出结果： { id: 9, name:...

2019-08-23 17:27:00 221

转载 js 流程控制语句

1) 分支语句　　1、if( exp1 ){ 　　　　exp2 　　} 　　当exp1为真的时候，执行exp2 　　2、if(exp1){ 　　　　exp2 　　} else if(exp3){ 　　　　exp4 　　} else { 　　　　exp5 　　}　　 var day = 4; //初始化　　if(day == 1){...

2019-08-21 10:22:00 108

转载 Linux的常用命令

注：以下是在 Xshell 6 中编译执行1、新建用户　　adduser 用户名称或 useradd 用户名2、删除用户　　userdel 用户名（ userdel -r 用户名用户文件一并删除)3、切换用户　　su 用户名（普通用户切换超级用户： su root 再输入密码；超级用户切换到普...

2019-08-20 20:20:00 184

转载梦幻西游动画效果展示

展示如下图动画效果：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>梦幻西游</title> <style type="text/css">...

2019-08-07 19:47:00 636

转载 CSS样式（选择器+浮动效果)

编写代码实现如下图效果：实现代码及注解如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>导航栏下拉菜单</title> <style type="text/c...

2019-08-01 11:21:00 256

转载 HTML三栏式布局及CSS样式注释

编写程序实现如下图效果：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>网页布局及注册表</title> <style type="text/css"...

2019-07-31 14:41:00 278

转载 Form表单介绍及其使用细则

表单实现前后台交互：用户将表单提交到后台再右后台提交到数据库的过程，实现前后端交互。以下简述from表单中出现的属性及其含义或用法：<form ></from>表单标签，一般从来做注册、登录页面，action=" "存放的是将表单链接到后台接口的地址，method表示请求的方式，其中get请求表示将参数拼接在url后面，通过？来分割，其传递参数较少，pos...

2019-07-30 20:30:00 348

转载用HTML+CSS编写课程表及个人简历表

1、编写如下图课程表：2、代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>课程表</title> <style type="text/css"> ...

2019-07-30 10:43:00 1003

Y1916326465的博客