前端基础
Remote_Li
这个作者很懒,什么都没留下…
展开
-
jQuery
jQuery文档工具站:https://jquery.cuishifeng.cnjQuery导入<head> <mate charset="utf-8"> <title>Title</title> <!--cdn导入在线jQuery--> <script src="https://cdn.bootcss.com/jquery/3.4.1/core.js"></script> ..原创 2021-04-23 15:07:07 · 96 阅读 · 0 评论 -
JavaScript操作表单
获得和设置表单的值<form method="post" action="#"> <p> <span>用户名:</span><input type="text" id="username"> </p> <!--多选框的值就是定义好的value--> <p> <span>性别:</span> <inp..原创 2021-04-23 14:15:13 · 102 阅读 · 0 评论 -
JavaScript操作DOM对象
DOM文档对象模型浏览器网页的核心就是一个DOM树形结构更新:更新DOM节点遍历:遍历DOM节点得到DOM节点删除:删除一个DOM节点添加:添加一个新的DOM节点要操作一个DOM节点,就必须要先获得这个DOM节点获得DOM节点(原生代码,之后使用jQuery)<div id="father"> <h1>标题1</h1> <p id="p1">p1</p> <p class="p2">..原创 2021-04-23 11:51:36 · 78 阅读 · 0 评论 -
JavaScript操作BOM对象
window:代表浏览器窗口(重要)window.alert(1); //弹窗window.innerHeight; //浏览器内部高度window.innerWidth; //浏览器内部宽度window.outerHeight; //浏览器外部高度window.innerWidth; //浏览器外部宽度navigator:封装了浏览器的信息(不建议使用)navigator.appName //览器的名称navigator.appVersion //浏览器的平台和版本信息navi..原创 2021-04-22 18:33:19 · 84 阅读 · 0 评论 -
JavaScript面向对象编程
原型var Student = { name : "studentName", age : 18, run :function(){ console.log(this.name + " run...") }};var xiaoming = { name : "xiaoming"};//原型对象(xiaoming的原型是Student)xiaoming.__proto__ = Student;xiaoming.run(); //xi..原创 2021-04-22 17:35:26 · 86 阅读 · 0 评论 -
JavaScript内部对象
标准对象typeof 123 //"number"typeof '123' //"string"typeof true //"boolean"typeof NaN //"number"typeof [] //"object"typeof {} //"object"typeof Math.abs //"function"typeof undefined //"undefined"Datevar now = new Date();now.getFullYear(); //年no..原创 2021-04-22 16:35:21 · 121 阅读 · 0 评论 -
JavaScript函数
定义函数定义方式1function abs(x){ if(x>=0){ return x; }else{ return -x; }}定义方式2:采用匿名内部类方式创建函数,直接通过变量名就可以调用函数var abs = function(x){ if(x>=0){ return x; }else{ return -x; }}函数调用abs(10); ..原创 2021-04-22 15:27:22 · 76 阅读 · 0 评论 -
JavaScript数据类型
1.字符串字符串:正常的字符串使用单引号或双引号包裹转义字符 \\' 引号\n 换行\t tab\u4e2d \u#### Unicode字符\x41 ASCII字符多行字符串编写//tab上面 esc下面的``var msg = `hello world 你好`;模板字符串let name = "小红";let age = 3;let msg = `你好呀,${name},你${age}岁了`;console.log(msg);字原创 2021-04-21 14:13:54 · 113 阅读 · 0 评论 -
JavaScript概述
格式1<head> <meta charset="UTF-8"> <title>Title</title> <!--内部标签--> <script type="text/javascript"> alert('hello,world'); //alert弹窗 </script></head><body> <!--这里也可以写J..原创 2021-04-20 18:28:56 · 90 阅读 · 0 评论 -
CSS定位
相对定位:相对于自己原来的位置进行偏移(position: relative),仍然在标准文档流中,原来的位置会被保留<head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> body{ padding:20px; } div{ ma..原创 2021-04-20 10:14:11 · 92 阅读 · 0 评论 -
CSS浮动
display(方向不可控制):block:块元素、inline:行内元素、inline-block:是块元素,但也可以内联在一行、none:消失<head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width:100px; height:100px..原创 2021-04-19 17:48:28 · 84 阅读 · 0 评论 -
CSS盒子模型
margin外边距:0 auto:上下为0左右自动对齐,0 1px:上下为0左右为1,0 1px 2px 3px:上右下左顺时针依次为0 1px 2px 3pxpadding内边距:与外边距同理border边框:粗细、样式、颜色元素大小计算:margin+border+padding+内容宽度<head> <meta charset="UTF-8"> <title>Title</title> <style ..原创 2021-04-19 16:49:24 · 89 阅读 · 0 评论 -
CSS网页元素
span标签:重点要突出的字,使用span标签套起来<head> <meta charset="UTF-8"> <title>span</title> <style type="text/css"> #java{ font-size:50px } </style></head><body>欢迎学习<span ..原创 2021-04-19 15:26:01 · 140 阅读 · 0 评论 -
CSS选择器
文章目录1.三种基本选择器2.层次选择器3.结构伪类选择器4.属性选择器(常用)1.三种基本选择器标签选择器<head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /*标签选择器,会选择到页面上所有的这个标签元素*/ h1{ color: green ; }原创 2021-04-19 11:12:55 · 95 阅读 · 0 评论 -
CSS概述
Cascading Style Sheets:层叠样式表语法:<style type="text/css">选择器{ 声明1; 声明2; 声明3;}</style>建议使用h1{ color:red;}<head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/..原创 2021-04-16 16:38:59 · 84 阅读 · 0 评论 -
HTML
HTML:Hyper Text Markup Language【超文本(包括文字、图片、音频、视频、动画等)标记语言】W3CWorld Wide Web Consortium(万维网联盟):Web技术领域最权威和具有影响力的国际中立性技术标准机构标准:结构化标准语言(HTML、XML)、表现标准语言(CSS)、行为标准(DOM、ECMAScript)<!--DOCTYPE:告诉浏览器使用的是什么规范 --><!DOCTYPE html><html lan..原创 2021-04-16 15:35:42 · 182 阅读 · 0 评论