摘要: 1、属性操作: attributes 获取所有属性 getAttribute 获取某个属性 removeAttribute 移除某个属性 setAttribute 设置某个属性 示例如下: 2、创建标签,并添加到html中 现在有这样一行代码如下,想要实现点击每点击一下按钮“+”时,输入框增加一个 阅读全文
posted @ 2020-03-25 10:34 凸凸yolotheway 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 1、js中默认函数作为作用域 2、局部变量提前声明,在解释器解释的过程中,会先找到内部所有的局部变量,进行声明 声明方式:var xxoo; 3、js的原型: function Foo(){ this.name=n; //可以当做类,类的构造方法;创建一个对象时,执行该方法; } #Foo的原型 / 阅读全文
posted @ 2020-03-17 20:48 凸凸yolotheway 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1、Dom样式操作有如下几种: className classList classList.add classList.remove 可以单独对style中的某个样式设置: obj.style.fontSize='16px'; (在style标签中对整体进行设置时,写法为font-size='16p 阅读全文
posted @ 2020-03-17 20:43 凸凸yolotheway 阅读(81) 评论(0) 推荐(0) 编辑
摘要: 1、Dom:文档对象模型 查找: 直接查找:var obj=document.getElementById('i1') 间接查找:innerText,获取当前的文本,仅仅获取文本 innerHTML,获取全部内容 value: input,value获取当前标签的值 select,获取选中的valu 阅读全文
posted @ 2020-03-17 20:32 凸凸yolotheway 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 1、js函数: js函数包括三种:普通函数、匿名函数、自执行函数 (1)普通函数: function func(arg){ return arg+1 } var result=func(1) setInterval(func,5000) (2)匿名函数: 匿名函数:没有函数名的函数 setInter 阅读全文
posted @ 2020-03-10 20:39 凸凸yolotheway 阅读(449) 评论(0) 推荐(0) 编辑
摘要: 1、后台管理页面布局,其实是对css内容的一些补充。 2、第一种布局,是将pg-content中的menu与content以宽度的百分比来进行设置, min-width:200px; 给页面设置一个最小宽度;当小于200px时,应用该最小宽度;大于200px时,页面宽度按设置的20%显示 <head 阅读全文
posted @ 2020-03-06 20:43 凸凸yolotheway 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 1、后台管理左侧菜单,即当选择菜单2时,菜单2的内容显示;其他菜单的内容隐藏 使用了DOM间接选择器: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ 阅读全文
posted @ 2020-03-03 20:29 凸凸yolotheway 阅读(416) 评论(0) 推荐(0) 编辑
摘要: 1、模态对话框: 当点击某个按钮时,是某个样式显示;点击另一个按钮,使该样式隐藏; 该示例使用了css三层背景相关内容以及上节学到的js相关内容DOM直接选择器与间接选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2020-03-03 20:25 凸凸yolotheway 阅读(501) 评论(0) 推荐(0) 编辑
摘要: 1、浏览器本身是javascript的解释器。 2、JS代码需要放置在<body>标签内部的最下面,避免因加载js代码影响其他样式的展示。 JS代码存在形式有两种: (1)将js代码写在一个js文件中,通过文件路径来调用 <script src='js文件路径'> </script> (2)将js代 阅读全文
posted @ 2020-03-02 20:34 凸凸yolotheway 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 1、background (1)background-image,添加背景图片,如果没有其他修饰,图片会在水平、竖直方向根据高度的调整不停叠加 <div style="background-image:url('2.jpg');height:51px"></div (2)background-rep 阅读全文
posted @ 2020-02-28 19:29 凸凸yolotheway 阅读(183) 评论(0) 推荐(0) 编辑