自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

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

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

2022-02-22 14:28:32 7403

原创 html中常用实体符号

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

2022-02-08 20:44:58 1616

原创 解析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 4067 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 1410

原创 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 957

原创 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 452

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

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

2021-12-14 22:09:13 2919

原创 关于执行多个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 581

原创 执行多个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 1020

原创 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 709

原创 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 482

原创 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 772

原创 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 1467

原创 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 383

原创 获取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 2299

原创 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 694

原创 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 2535

原创 html学习中的若干细节

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

2019-06-13 18:18:31 96

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除