摘要: 本文是对上一篇博文的扩展,用js书写表格,并添加和删除数据,详细代码解释见代码页。 对于文中使用的script脚本函数,下载地址如下:https://pan.baidu.com/s/13OFnj7ncOie_X797hBZtyQ 页面效果如图: 代码如下: 阅读全文
posted @ 2019-01-09 11:44 笑苍茫 阅读(1864) 评论(0) 推荐(0) 编辑
摘要: 在网页中,使用JavaScript动态创建元素的方式有三种: 1.document.write() 2.Element.innerHTML 3.document.createElement() 在上述三种方法中,最常用最常用的是第三种方法,本文依托小例子,对三种方法加以总结。 案例:点击按钮 生成列 阅读全文
posted @ 2019-01-09 09:58 笑苍茫 阅读(3687) 评论(0) 推荐(0) 编辑
摘要: 在网页开发中,常常会遇见很多Tab切换,Tab切换增加网页浏览的舒适性,对于开发人员特别常见,本文使用JS实现tab切换效果,仅对学习中遇到的知识点做一个总结。 效果图如下: 实现思路: 1.首先使用HTML和CSS构建静态网页如上,标题使用ul-li标签,有浮动,主体使用四个大小一样的盒子,不添加 阅读全文
posted @ 2019-01-08 15:06 笑苍茫 阅读(912) 评论(0) 推荐(0) 编辑
摘要: 在前端开发中,有时候需要动态修改的网页元素的样式,这里将使用JS动态修改元素样式的方法做个小结: 网页结构: 按钮: 标签:input 类型:button id:btn value:点我 div: 标签:div id:box 使用JS修改网页元素样式有两种方式: 1.使用ClassName 2.使用 阅读全文
posted @ 2019-01-08 09:08 笑苍茫 阅读(883) 评论(0) 推荐(1) 编辑
摘要: 效果图如下: 注意事件: 1、点击焦点事件 onfouce 2、失去焦点事件 onblur 3、对于元素属性的访问,class,应该是元素名.className 代码如下: 阅读全文
posted @ 2019-01-07 17:20 笑苍茫 阅读(2568) 评论(0) 推荐(0) 编辑
摘要: 页面内容:一个按钮标签 一个Img标签 实现原理:通过修改Img标签的src属性,实现图片的切换 备注:代码中flag变量仅仅用作标记,也可以直接用Img标签的src属性进行判断,不过在判断时候不能直接写成 pics.src=='img/b.jpg';,需要加入当前域名 本博文只是一个简单的实现逻辑 阅读全文
posted @ 2019-01-07 10:32 笑苍茫 阅读(1672) 评论(0) 推荐(0) 编辑