入门有点晚-优快云博客

原创更改表格行tr的背景颜色

一.业务代码说明：制作一张商品信息表格，要求当鼠标移动到表格某一行的时候此行的背景颜色集会发生变化，当鼠标移开其背景颜色就会恢复为白色。具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>change table row backGroundColor</title> <style>

2022-02-22 14:28:32 7673

HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（&ensp; &emsp;   &zwnj;&zwj;）在不同浏览器中宽度各异。 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格

2022-02-08 20:44:58 1803

原创解析json自动生成表格

代码业务说明：将一个含有学生信息的josn字符串中信息解析出来，并将里面的内容添加到表格中。假设：从java程序后端传递进来一个如下json字符串“{“total”:2,“students”:[{“name”:“Jim”,“age”:20},{“name”:“Tom”,“age”:19}]}”具体业务代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2022-02-05 13:40:18 4241 1

原创 json是怎么回事

关于json的一些概念：1.什么是jsonJavaScript Object Notation（JavScript标记对象），简称json。json是一种轻量级的数据交换格式。轻量级：体现在，json体积小，虽然体积较小，但是能表示的数据有很多。什么是数据交换： C语言和java语言交换数据； python和java之间进行数据交换； javascript和java之间交换数据… …json与xml的区别和联系：在现代开发中能够做数据交换的。

2022-01-21 21:42:10 1480

原创 javaScript中的eval函数踩坑

代码业务说明：1.用eval函数将下面字符串解析成javaScript可执行代码“var arr =[98,99,100]”2.用eval函数将下面字符串解析成javaScript可执行代码“{“name” : “Tim”,“age” : 20}”下面是错误的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>eval函数&lt

2022-01-16 21:15:50 1044

原创 window.onload匿名方法采坑

业务需求描述：1.点击button按钮向span节点中添加文本内容。2.设置span节点的边框样式，背景颜色，宽度和高度。下面是原始错误的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>verification</title></head><style> #buttonObj{ma

2022-01-14 14:26:04 499

原创模仿“选择游戏角色的页面”

业务需求描述：1.页面显示的文字和图片全部居中显示；2.玩家可以选择两个角色中的一个，当选择一个角色的时候在页面中显示角色的图片，且当鼠标滑过角色图片的时候显示图片相关信息；3.在角色图片下面显示角色说明；业务代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选择自己的游戏角色</title> <scr

2021-12-14 22:09:13 2996

原创关于执行多个window.onload方法的疑惑

下面代码特点是：在<script>标签中前面有两个wondow.onload函数，后面用addLoadEvent函数统一调用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title> <style type="text/css">

2021-12-02 10:01:34 628

原创执行多个window.onload匿名函数的方法

业务需求：在body里面创建一个div元素，点击div元素能够复制div节点，将复制后的div加载到原有的div节点后面，并且重新设置克隆后的div节点的样式。JS代码特点：在JS语句中有两个window.onload匿名函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>执行多个window.onload匿名函数</title&g

2021-11-26 20:21:26 1100

原创 window.onload匿名函数中element.onclick正确用法

先看下面有问题的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多个window.onload方法解决方案</title> <style type="text/css"> /*为div元素设置CSS样式*/ #div1{border-width: 3px;border-s

2021-11-25 10:26:18 751

原创 DHTML技术中的注解、#字符的作用、font属性顺序

代码需求：页面中已经有一个span标签，要求为页面中添加新的p节点，并为p节点设置背景、边框、文本内容等属性。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>border属性易犯的错误</title> <style type="text/css"> /*为sopan节点设置CSS样式*/

2021-11-22 16:49:20 508

原创 border属性容易犯的低级错误

先看下面不能正常运行的代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>border属性易犯的错误</title> <style> span{border: 3px brown} </style></head><body> <s

2021-11-21 19:02:46 873

原创 Dynamic html实现页面上两张图片来回切换

错误的代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>两张图片之间来回切换</title> <script type="text/javascript"> var switchPicture = function () { //获取图片元素

2021-11-16 21:10:46 1554

原创 html中用代码设置CSS属性值

以前旧的方法代码：<html lang="en"><head> <meta charset="UTF-8"> <title>对html元素进行增、删、改</title> <style type="text/css"> div{border: solid darkgreen 2px;height: 60px; width: 100px;margin: 30px 30px

2021-11-14 21:55:41 429

原创获取Html元素三个主要方法总结

分别用不同方法获取html元素，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} p{font-size: larger;

2021-11-11 10:44:02 2393

原创 window.onload()方法中代码顺序

先看错误的代码演示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="te

2021-11-08 09:53:23 753

原创 document.getElementById(“元素id值“)方法位置问题

问题代码如下：<html lang="en"><head> <meta charset="UTF-8"> <title>通过document获取数据or赋值</title> <style type="text/css"> input{margin: 10px} </style> <script type="text/javascript">

2021-11-06 22:46:42 2700

原创 html学习中的若干细节

写在前面的话：本人刚刚入IT这行，以前根本没有写过微博，甚至连腾讯的日志都很少写。所以写的内容一定会很Low。如果有哪一位大神稍不留神关注了本人的文章，望不吝赐教。如果没人关注，这段话就是我的自言自语。001.注解：在注解内容与其两端的横线之间最好间隔一个空格。002.超链接：<a href="http://www.163.com...

2019-06-13 18:18:31 143

weixin_45190226的博客