web前端
文章平均质量分 64
0基础
从入门到精通
诗与远方_阿范
积累点滴,创造非凡。
展开
-
省市联动(前端,数组方式)
html部分<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>省市县联动</title> <script type="text/javascript" src="js/city.js" > </script> </head> <body> <select id="prov...原创 2021-09-23 11:35:43 · 194 阅读 · 0 评论 -
基于js+css的计算器
html代码部分<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>计算器</title> <link rel="stylesheet" href="css/计算器.css" /> </head> <body> <!-- 第一行输入框 --> <!-- ...原创 2021-09-23 11:31:15 · 304 阅读 · 0 评论 -
Web前端~~~~javaScrip(2)
1. 确定事件2. 事件要触发函数,所以我们是要声明函数3. 函数里面通常是去做一些交互才操作, 弹框, 修改页面内容,动态去添加一些东西知识点储备定时器setinterval:每隔多少毫秒执行一次函数setTimeout:多少毫秒后执行一次函数<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>定时器</title> &l.原创 2021-07-23 12:01:55 · 559 阅读 · 1 评论 -
Web前端~~~~javaScrip(1)
一、JavaScript概述javascript: JavaScript一种直译式脚本语言,脚本语言通过源码直接解释执行。JavaScript的组成:(1)ECMAScript : 核心部分 ,定义js的语法规范(2)DOM: document Object Model 文档对象模型 , 主要是用来管理页面的(3)BOM : Browser Object Model 浏览器对象模型, 前进,后退,页面刷新, 地址栏, 历史记录, 屏幕宽高JavaScript的数据类型:(1)基本类型(2)引用类原创 2021-07-22 11:45:24 · 106 阅读 · 1 评论 -
Web前端~~~~CSS(2)
案例一:将前面HTML写的网站首页用CSS手段进行优化步骤分析: 一个最外层div 第一部份: LOGO部分: 嵌套三个div 第二部分: 导航栏部分 : 放置5个超链接 第三部分: 轮播图(学到js后可以搞) 第四部分: 第五部分: 直接放一张图片 第六部分: 抄第四部分的 第七部分: 放置一张图片 第八部分: 放一堆超链接 案例二:将前面HTML写的注册页面用CSS手段进行优化...原创 2021-07-22 11:19:02 · 82 阅读 · 1 评论 -
Web前端~~~~CSS(1)
一、CSS的简单语法 在一个style标签中,去编写CSS内容,最好将style标签写在这个head标签中,结构如下:<style> 选择器{ 属性名称:属性的值; 属性名称2: 属性的值2; }</style> 二、CSS选择器 CSS选择器分为三类,分别是:元素选择器、ID选择器、类选择器 按照选择器搜索精确度来说(优先级):行内样式 > ID选择器 > 类选择器 &g...原创 2021-07-21 21:49:18 · 68 阅读 · 0 评论 -
Web前端~~~~HTML(2)
知识点1(form) 表单标签 form 提交的内容包裹 action : 直接提交的地址 method : get 方式 默认提交方式 ,会将参数拼接在链接后面 , 有大小限制 ,4k post 方式 会将参数封装在请求体中, 没有这样的限制知识点2(input)type: 指定输入项的类型 ...原创 2021-07-21 12:25:24 · 75 阅读 · 0 评论 -
Web前端~~~~HTML(1)
1、HTML概述HTML: Hyper Text Markup Language 超文本标记语言超文本: 比普通文本功能更加强大,可以添加各种样式标记语言:通过一组标签来对内容进行描述,标签格式:<>+ 关键词是由浏览器来解释执行。例子:h1、b、i、p、br为关键词、关键词需要用<>将其包裹住。<h1>静夜诗</h1><b><i>--李白</i> </b> <br/>...原创 2021-07-21 09:19:01 · 151 阅读 · 1 评论