前端
关注
分享
扫一扫
文章平均质量分 53
陆源东
这个作者很懒，什么都没留下…
展开
-
JavaScript 操作表单（验证）
操作表单（验证） 表单 文本框 text 下拉框 select 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 password … 获得表单提交的信息 <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="js.js"></script>--> <!-- <script原创 2021-05-22 11:44:42 · 170 阅读 · 0 评论 -
JavaScript jQuery
jQuery jQuery是一个JavaScript库，拥有大量的JavaScript函数 引入方式 本地文件 jQuery官网下载 ：https://jquery.com/download/ CDN 语法 $(selector).action() //selector为CSS选择器 <body> <a href="" id="href">点击链接</a> <script> $('#href').click(function(){ //选择到a原创 2021-05-22 11:41:32 · 94 阅读 · 0 评论 -
JavaScript操作BOM对象
操作BOM对象 BOM 浏览器对象模型 JavaScript被创建是为了能够在浏览器中运行 浏览器内核 Trident (IE) Presto (Opera曾经内核) webkit （Safari） Gecko (firefox) blink (chrom、Opera) window对象 window对象代表浏览器窗口 和 全局作用域 console.log(window.innerHeight); //获取可浏览页面的高度 console.log(window.outerHeight); //获原创 2021-05-22 11:35:38 · 75 阅读 · 1 评论 -
JavaScript操作DOM对象
JavaScript操作DOM对象 DOM : 文档对象模型 整个浏览器网页是一个DOM树形结构 更新DOM节点 遍历DOM节点 ： 获取DOM节点 删除DOM节点 增加DOM节点 DOM文件树 获得节点并操作 document.getElementById(’’) ; <body> <div id="parent"> <p id="p1">p1</p> <p id="p2">p2</p> </div>原创 2021-05-17 10:21:45 · 141 阅读 · 0 评论 -
JavaScript变量作用域
JavaScript变量作用域 函数外不可以调用函数内变量 ， 函数内则可以调用函数外变量 'use strict' var x = 1; function a(){ return x; } a() 1 调用成功 function a(){ var x = 1; } console.log(x); 报错 ： Uncaught ReferenceError: x is not defin原创 2021-05-17 10:20:20 · 73 阅读 · 0 评论 -
JavaScript常用内部对象
JavaScript常用内部对象 Date var now = new Date(); //Date Sun May 16 2021 16:00:30 GMT+0800 (中国标准时间) now.getFullYear(); //年 now.getMonth(); //月 now.getDate(); //日 now.getDay(); //星期 now.getHours() ; //时 now.getMinutes() ; //分 now.getSeconds() ; //秒 now.getTime();原创 2021-05-17 10:19:51 · 102 阅读 · 0 评论 -
JavaScript面向对象编程
JavaScript面向对象编程 class继承（ES6新特性） //类的定义与实例化 //类定义 class Student{ constructor(name) { this.name = name; } hello() { alert("hello world"); } } //实例化 let student = new Student('陆源东'); //继承实现 class Person{ constructor(nam原创 2021-05-17 10:19:10 · 62 阅读 · 0 评论 -
JavaScript函数
JavaScript函数 函数定义 //函数定义 function 函数名（参数）{ 函数体 } var functionName = function(x){ //匿名函数，把函数结果 赋值给变量 functionName 函数体 } //绝对值函数 function abs(x){ if(x>0){ return x; }else{ return -x; } } /* 1.执行到return语句，返回结果 2.如果没有re原创 2021-05-17 10:18:26 · 53 阅读 · 0 评论 -
JavaScript数据类型
JavaScript数据类型 字符串 正常字符串使用 单引号、双引号包裹 let str1 = '213'; let str2 = "123"; 转义字符 \ \' \n //换行 \t \u4e2d //Unicode字符 '中' \x41 //ASCII字符 长字符串 console.log(`213`) 213 模板字符串 let name = '名字'; let age = 18; let msg = "hello world,${name}"; //直接可以进原创 2021-05-17 10:17:40 · 55 阅读 · 0 评论 -
JavaScript
JavaScript JavaScript引入方式 script标签内部引入 外部引入 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--内部标签引入--> <script> alert('hello world'); </script> <!原创 2021-05-17 10:13:28 · 64 阅读 · 0 评论 -
定位
定位 1.相对定位 ： 相对于原来的位置进行指定的偏移 **positon : relative; 决定定位类型 ** top 、bottom、left、right 决定相对位移方向 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位</title> <!--相对定位 ： 相对于自己原来的位置进行偏移--&g原创 2021-05-16 12:32:23 · 93 阅读 · 0 评论 -
浮动
浮动 display 1.display : block 变为块元素 2.display : inline-block 既是块元素 又是 行内元素 ，保持了块元素的特性但是可以写在一行 3.display : inline 变为行内元素 4.display : none 直接消失 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Display原创 2021-05-16 12:31:59 · 70 阅读 · 0 评论 -
盒子模型
盒子模型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { /*body 总有一个默认的外边距margin*/ margin: 0px; paddin原创 2021-05-16 12:29:07 · 100 阅读 · 0 评论 -
背景图像及应用
背景图像及应用 背景图片 background : red url("./2.png") 270px 10px no-repeat; /*颜色 定位url x y 样式*/ background-image : url("./1.png"); /*背景图片 默认全部平铺*/ background-repeat : repeat-x; /*横向平铺*/ background-repeat : repeat-y; /*纵向平铺*/ beckground-repeat : no-repeat; /*不平铺*/原创 2021-05-16 12:26:17 · 99 阅读 · 0 评论 -
列表样式
列表样式 最初样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <link rel="stylesheet" href="./listStyle.css"> </head> <body> <h2>商品分类</h2> <ul>原创 2021-05-16 12:25:20 · 75 阅读 · 0 评论 -
文字排版
文字排版 span标签 重点、要突出的文字，使用span标签，作为一个空的容器 字体样式 font-family : 字体 font-size : 字体大小 font-weight : 字体粗细 color : 字体颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字体样式</title> <st原创 2021-05-16 12:24:49 · 146 阅读 · 0 评论 -
CSS基础
CSS 什么是CSS？ Cascading Style Sheet 层叠级联样式表 作用 ： 表现（美化网页） 字体、颜色、边距、高度、背景图片、网页定位、网页浮动 CSS发展史 CSS1.0 CSS2.0 DIV(块) + CSS 提出了HTML与CSS分离的思想 ， 网页更加简单 CSS2.1 浮动+定位 CSS3.0 圆角、阴影、动画 CSS学习 <!-- **语法** 选择器{ 声明1； 声明2； 声明3； }--> <head>原创 2021-05-16 12:23:58 · 49 阅读 · 0 评论 -
HTML
HTML Hyper Text Markup Language(超文本标记语言) 文字、图片、音视频、动画等都属于超文本 标准制定 W3C : World Wide Web Consortium 万维网联盟 标准包括： 结构化标准语言 ： HTML 、XML 表现标准语言 ： CSS 行为标准语言 ： DOM、ECMAScript 基本结构 注释 <!--注释--> 基本结构 <!DOCTYPE html> <!--告诉浏览器所使用的规范--> <html原创 2021-05-09 09:08:35 · 88 阅读 · 0 评论