HTML&CSS&JS
文章平均质量分 50
HTML,CSS,JS
凡我出品,皆属精品
这个作者很懒,什么都没留下…
展开
-
#JavaScript:逐条消息(通知)显示 #消息滚动 @FDDLC
一、先上效果二、代码1、项目结构:2、template.html:<html><head> <meta charset="UTF-8"> <title></title></head><body><div class="scroll-div"><!--建议保持这种架构--> <ul> <li>***</li..原创 2021-05-26 15:41:19 · 252 阅读 · 0 评论 -
#文件上传、图片上传、实时预览(无刷新提交表单)的前后端实现(含源码) @FDDLC
一、先修课图片上传、实时预览(无刷新提交表单):超简单的实现 @FDDLC二、图片上传第1类:只上传图片(文件)这种方式最简单,可参考:#文件上传 #SpringMVC文件上传 @FDDLC第2类:上传图片,并实时预览...原创 2021-05-20 18:40:04 · 306 阅读 · 2 评论 -
#Chrome:访问iframe中的元素报错:single.html:13 Uncaught DOMException: Blocked a frame … @FDDLC
问题描述:single.html:13 Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.相关代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>原创 2021-05-19 21:31:59 · 218 阅读 · 0 评论 -
#图片上传、实时预览(无刷新提交表单):超简单的实现 @FDDLC
一、先修课#文件上传 #SpringMVC文件上传 @FDDLC#无刷新提交表单 @FDDLC二、实现过程1、项目结构:2、依赖:<dependencies> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <ve..原创 2021-05-19 13:33:03 · 204 阅读 · 2 评论 -
#无刷新提交表单 @FDDLC
一、问题引入先看一个常规的表单提交:相关的HTML代码:<form> 用户名:<input type="text"><br> 密码:<input type="password"><br> <input type="submit" name="Submit" value="提交"></form>提交前:提交后:发现了什么?提交后表单内容被清空了!现在我有个需求:提交后表单原创 2021-05-18 12:21:52 · 158 阅读 · 0 评论 -
#<meta name=“viewport“ content=“width=device-width, initial-scale=1, maximum-scale=1“> @FDDLC
一、问题引入:我们在网页中经常可以看到这么一行代码:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">代码很好读,见名可知义。但还是总结一番比较好。二、解释1、viewpoint:视角,没啥解释的。2、devicePixelRatio:设备像素比。这里涉及到两个概念:物理设备的实际像素,CSS像素(逻辑像素)。devicePix..原创 2021-05-12 13:24:45 · 953 阅读 · 0 评论 -
#HTML:<dialog> #method=“dialog“ @FDDLC
一、先说结论:<dialog>标签可与<formmethod="dialog">配合使用,并提供一定的交互。二、代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>title</title></head><body><h3 id="question">你的性别是..原创 2021-05-10 23:09:50 · 525 阅读 · 0 评论 -
#CSS:宽度等分 #CSS:宽度按比例划分 #float @FDDLC
问题:如何实现宽度等分?方法一:使用float<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> #container{ width:100%; height:300px; border:.原创 2021-04-28 21:01:41 · 2229 阅读 · 0 评论 -
#iframe中的相对路径 @FDDLC
问题:iframe中的相对路径是根据宿主页面来判断呢,还是根据iframe自身的src来判断呢?做个测试就知道了。情景设置:准备3个文件:1、test/dir/index.html2、test/iframe.html3、test/b.png访问index.html:结论:iframe中的相对路径是根据自身的src来判断。...原创 2021-04-19 10:40:02 · 2276 阅读 · 0 评论