![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 51
阿凯在路上
新手小白,刚刚接触,愿与大家沟通分享自己的学习心得。
展开
-
超简易微博发布界面(大家七夕快乐)
先把页面中的结构布局好。大家都在说 》下面的内容是后续生成的。 本次我们要实现的效果是:当在下方输入姓名,以及发布的内容。点击发送。书写的内容会出现在上面的板块里面,出现的格式,左边是图片,右边是文字,会想到,dl,dt,dd自定义列表的方式去展现。这一块的内容是后续生成的。 在这里我们需要,document.createElement创建元素节点,document.createTextNode创建文字节点,appendChild()插入节点整体简单,需要来回插入到不同的节点当中。...原创 2021-08-14 22:15:56 · 320 阅读 · 0 评论 -
利用JS限制文本框输入字数
这样的效果实现是比较简单的,我们先分析下。当我们在某个文本框输入文本时,会提示当前文本还可以输入的字数,并且一旦超出所限制的字数数,将无法输入进去。它有个这样的过程:1.当文本框获得焦点时要用到:onfocus2.当文本框内内容改变时(实时获取)要用到:oninput我们要获取当前输入的文本长度,以及所限制的字数,(自己定义。);随后要用到if语句去做判断,超出,未超出。执行不同的语句。其中还有一点需要注意,当文本超出后,文本框里的内容没有随着后面的输入而变...原创 2021-08-14 15:02:12 · 3223 阅读 · 0 评论 -
JavaScript---九宫格拖拽换位
一.效果展示:JavaScript九宫格拖拽换位二.案例分析:9宫格排列,行列结构。 当页面刷新时,9个格子,每个格子的背景颜色会随机发生变化 任意点击按下某个格子时,鼠标移动,格子会随之移动,并在原来的位置也有相同的格子出现(补上空缺的位置) 当鼠标释放时,距离触发的格子最近的一个格子,会与它发生位置交换。创建一个空的div,作为父级元素,设置好样式。 通过观察我们会发现,9宫格是3行3列的排列方式。(类似于表格形式)并且每一行的top值是一样的,每一列的left值是一样.原创 2021-08-13 13:08:46 · 1414 阅读 · 0 评论