随笔分类 -  javaweb

1 2 下一页
下拉列表选择框以及弹框
摘要：<html> <head> <title>下拉列表选择框</title> <script> alert("请退出"); var flag=confirm("请选择"); if(flag){ alert("欢迎光临"); }else{ alert("手别乱点"); } var result=promp 阅读全文
posted @ 2021-06-07 22:10 -筱 阅读(191) 评论(0) 推荐(0)
仿黑马头条
摘要：仿照页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>头条页面</title> < 阅读全文
posted @ 2021-06-07 22:05 -筱 阅读(57) 评论(0) 推荐(0)
省市联动
摘要：<html> <head> <style type="text/css"> </style> </head> <body> <select id = "countryid" onchange="add1(this.value);"> <option value="0">--请选择--</option 阅读全文
posted @ 2021-06-07 22:02 -筱 阅读(34) 评论(0) 推荐(0)
动态显示时间
摘要：<html> <head> <title>动态显示时间</title> <style type = "text/css"> </style> </head> <body> <div id='times'> </div> <script type='text/javascript'> function 阅读全文
posted @ 2021-06-07 21:58 -筱 阅读(48) 评论(0) 推荐(0)
动态表格
摘要：<!DOCTYPE html> <html lang ="en"> <head> <meta charset="utf-8"> <title>动态表格</title> <style> table{ border: 1px solid; margin: auto; width: 500px; } td 阅读全文
posted @ 2021-06-07 21:56 -筱 阅读(138) 评论(0) 推荐(0)
轮播图
摘要：1.jpg 2.jpg <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>轮播图</title> <script> var number =1; function fun(){ number ++; if(number>2){ n 阅读全文
posted @ 2021-06-07 21:53 -筱 阅读(18) 评论(0) 推荐(0)
jQuery
摘要：一、jQuery概述 1、jQuery介绍 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封 阅读全文
posted @ 2020-01-23 23:51 -筱 阅读(137) 评论(0) 推荐(0)
JS事件
摘要：通常鼠标或热键的动作我们称之为事件（Event） 通过JS事件，我们可以完成页面的指定特效 1、JS事件驱动机制 页面上的特效，我们可以理解在JS事件驱动机制下进行 JS事件驱动机制： 事件源 事件 监听器 注册/绑定监听器 事件源：专门产生事件的组件 事件：由事件源所产生的动作或者事件 监听器：专 阅读全文
posted @ 2020-01-22 00:22 -筱 阅读(134) 评论(0) 推荐(0)
js入门案例
摘要：1、 2、 JavaScript无需编译，直接被浏览器解释并执行。 JavaScript无法单独运行，必须嵌入到HTML代码中运行。 JavaScript的执行过程有上到下一次执行 注意： JavaScript没有访问系统文件的权限 由于JavaScript无需编译，是由上到下依次解释执行，所有保证 阅读全文
posted @ 2020-01-21 16:33 -筱 阅读(170) 评论(0) 推荐(0)
css和HTML的结合方式
摘要：1、行内样式 （1）行内样式 行内样式，是通过标签的style属性来设置元素的样式 格式：<html标签 style="css样式代码"/> 示例： I love China! （2）标签方式 当某些样式在页面中被多个标签重复使用，为了编码更加灵活，避免书写重复代码，我们将样式代码从style属性中 阅读全文
posted @ 2020-01-21 00:24 -筱 阅读(571) 评论(0) 推荐(0)
css盒子模型
摘要：1、盒子模型 所有的HTML元素，我们都可以看成一个四边形，即一个盒子 用css来设置元素盒子的内边框、边框和外边距的样式的方式相当于设置盒子的样式，所有我们将其称之为盒子模型 2、边框（border） 上边框border-top 左边框border-left 右边框border-right 下边框 阅读全文
posted @ 2020-01-21 00:21 -筱 阅读(108) 评论(0) 推荐(0)
css的常用样式
摘要：1、边框属性（默认边框不可见） （1）border 设置边框的样式 格式：宽度 样式 颜色 线条样式：solid 实线，none 无边，double 双线 （2）width 用于设置标签的宽度 格式： width：300px； （3）height 用于设置标签的高度 格式; height:300px 阅读全文
posted @ 2020-01-20 19:47 -筱 阅读(203) 评论(0) 推荐(0)
基本选择器
摘要：1、元素选择器 HTML标签又称为HTML元素 元素选择器即为以HTML标签作为选择器名称 格式：标签名{ /css样式代码/ } 适用范围：适用于将相同样式，作用在多个标签上 2、类选择器 每个HTML标签都有一个class属性，class属性值即为类名 类选择器：即以HTML的类名（class属 阅读全文
posted @ 2020-01-20 00:00 -筱 阅读(153) 评论(0) 推荐(0)
css的代码规范
摘要：放置的规范: 在标签内容体中书写css样式代码 标签放置在标签之中 格式规范： 选择器名称{属性名： 属性值； 属性名： 属性值；……} 选择器：即指定css样式作用在那些HTML标签上 代码规范： 属性名和属性值之间是键值对关系 属性名和属性值之间用":"连接，最后";"结尾 如果一个属性名有多个 阅读全文
posted @ 2020-01-19 23:56 -筱 阅读(62) 评论(0) 推荐(0)
表单标签
摘要：作用：提交用户输入的数据，提交给服务器的程序 1、定义一个表单 （1）action：将数据提交到何处 默认提交到本页 本机内网路径： 相对路径： 绝对路径 互联网路径：http：// （2）method：将数据以何种方式提交 默认为：get 提交方式可定义为get或者post 2、在表单中定义对应的 阅读全文
posted @ 2020-01-19 00:42 -筱 阅读(151) 评论(0) 推荐(0)
块标签
摘要：1、 行级的块标签，用于效果在一行上定义的一个块，进行内容显示 适用于少量信息展示 2、 块级的块标签，用于在效果中定义一块，默认沾满一行，进行内容的显示 适用于大量信息的展示（默认占满一行） 阅读全文
posted @ 2020-01-18 23:58 -筱 阅读(271) 评论(0) 推荐(0)
表格标签
摘要：1、定义一个表格 border设置表格边框的粗细（border="123px（像素）"） width设置表格的宽度(百分比或者像素) 2、定义表格中的一行 为表头单员格（内容默认居中加粗） 3、在表格的一行中定义单元格 colspan跨列合并单元格colspan="x"合并x个单元格 rowspan 阅读全文
posted @ 2020-01-18 23:08 -筱 阅读(135) 评论(0) 推荐(0)
超链接标签
摘要：超链接标签，用于在效果中定义一个可以点击跳转的超链接 href：超链接跳转的路径 本机路径：相对路径和绝对路径 外网路径：http：//地址 本页：# 阅读全文
posted @ 2020-01-18 02:26 -筱 阅读(204) 评论(0) 推荐(0)
列表标签
摘要：#无序列表标签 无序列表标签，用于在效果中定义一个无序列表 #列表条目项标签 列表条目项标签，用于在效果中定义一个列表的条目 #有序列表标签 有序列表标签，用于在效果中定义一个有序列表 阅读全文
posted @ 2020-01-18 02:16 -筱 阅读(115) 评论(0) 推荐(0)
图片标签
摘要：用于在页面效果中展示一张图片 src:图片路径（必有属性） width：图片宽度 height：图片高度 阅读全文
posted @ 2020-01-18 01:00 -筱 阅读(137) 评论(0) 推荐(0)

1 2 下一页