- 博客(10)
- 收藏
- 关注
RSS订阅原创 JavaScript基础 发布评论/删除评论/获取时间
创建节点（三种方法）document.createElement(‘tagName’);此方法创建由tagName指定的HTML元素，因为这些元素原先不存在，是根据我们的需求动态生成的，也称为动态创建元素节点。创建多个元素时效率较第一点，但结构清晰。document.write();是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘。element.innerHTML;是将内容写入某个DOM节点，不会导致页面全部重绘，而且此方法在创建多个元素时效率更高（采取数组形式拼接），..
2020-12-05 22:47:42
2253
原创 JavaScript基础 下拉菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> @font-face {
2020-12-05 16:26:34
169
原创 JavaScript基础 tab栏切换效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box {
2020-12-05 15:09:22
139
原创 JavaScript基础 鼠标经过表格行变色效果
当鼠标经过行时，清除所有行的变色效果，只给当前的行添加一个类.bg{background-color:blue}。这是“排他思想”：利用循环给所有元素清除样式，给当前元素设置样式，且步骤不能颠倒。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-
2020-12-05 14:09:45
852
1
原创 JavaScript基础 全选/取消全选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {
2020-12-05 14:02:03
193
原创 JavaScript基础 给页面更换皮肤或背景图
思路：给图片添加循环注册点击事件，当我们点击图片，这张图片就会成为当前页面的背景图。算法：将点击的图片的地址取出，给body作为背景图。var img = document.querySelector(".hf").querySelectorAll(“img”);获取的img返回的是伪数组形式，所以遍历获取的img可以得到当前点击的图片的信息。<!DOCTYPE html><html lang="en"><head> <meta charset="U
2020-12-02 13:18:30
713
2
原创 JavaScript基础 广告隐藏
常用到的显示和隐藏效果的css样式是display属性和visibility属性。display:none|block;(none是隐藏；block是显示，还有转换从块级元素的意思)；隐藏元素后位置不再占有，显示出来后仍然占有原来位置。visibility:visible|hidden;（visible是元素可见；hidden是元素隐藏）；元素隐藏后仍然占有原来位置。<!DOCTYPE html><html lang="en"><head> <me
2020-12-02 09:40:31
207
原创 HTML+CSS小米商城logo2D转换效果
1、2D转换：transform:translate(x,y);transform:translateX(n);transform:translateY(n);定义2D转换中的移动，沿着x和y轴移动元素；不影响其他元素的位置，对行内标签没有效果。2、伪元素选择器：伪元素可以帮助我们利用css新建新标签元素，而不需要HTML标签，从而简化HTML结构。::before 在元素内部的前面插入内容::after 在元素内部的后面插入内容语法：element::before{conte
2020-12-01 11:28:46
598
原创 HTML+CSS实现鼠标经过商品盒子阴影浮动效果
css样式：1、盒子阴影 box-shadow : h-shadow v-shadow blur spread color inset;属性2、文字阴影 text-shadow: h-shadow v-shadow blur color;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid
2020-11-30 10:00:38
6772
原创 JavaScript基础 统计字符串中字符出现的次数及最大值
JavaScript基础 统计字符串中字符出现的次数及最大值用对象存放遍历字符的方法var str='abacsdffggghhhhhjjkkgfdddsfhtyjtyjssss3444gfdf343'; var o={}; //定义一个对象用来存放字符 for(var i=0;i<str.length;i++){ //遍历字符串 var ch = str.charAt(i); //charAt(i) 返回字符串指定位置的字符，i是索引号
2020-11-30 09:35:20
712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人