- 博客(24)
- 收藏
- 关注
RSS订阅原创 onscroll
<style type="text/css"> #info{ width: 500px; height: 500px; background: #00FF00; overflow: auto; } </style> <h1>欢迎进行用户信息注册</h1> <p id="info"> 请输入您要注册的信息O(∩_∩)O哈哈~ 请输入您要注册的信息O(∩_∩)O哈哈~ 请输入您要注册的信息O(∩_∩.
2020-11-27 10:24:29
137
1
原创 当鼠标移动时获取位置坐标
<style> #are{ width: 300px; height: 50px; border: 1px solid #0000FF; margin-bottom:10px; } #showMsg{ width: 300px; height: 20px; border: 1px solid #FF00FF; } </style> <div id="are"></div> <div id=.
2020-11-27 10:17:58
510
原创 其他样式的操作属性
<style> *{ margin: 0; padding: 0; } #dv1{ width: 200px; height: 200px; background-color: deeppink; /* 边框 10像素 实线 黄色*/ border:10px solid yellow; /* 内边距 上下左右 都为10像素 */ padding:10px; /* 外边距 上下左右 都为10像素..
2020-11-27 10:13:47
70
原创 读取元素的样式
<div></div> <button id="btn">按钮</button> <script type="text/javascript"> var div = document.getElementsByTagName("div")[0] var btn = document.getElementById("btn") btn.onclick = function(){ // console.log(di..
2020-11-27 10:10:20
76
原创 dom操作css
<div id="dv"></div> <img src="./img/3.jpg"> <script type="text/javascript"> var dv = document.getElementById("dv") // 给div添加 100 X 100 粉色 dv.style.width = "100px" dv.style.height = "100px" dv.style.backgroundCol..
2020-11-27 10:05:59
82
原创 dom的增删查
创建一个元素var p = document.createElement("p")console.log(p)创建一个新的文本节点var text = document.createTextNode("erhuo")console.log(text)给p标签添加一个节点p.appendChild(text)在指定元素之前添加新创建的元素var ul = document.getElementsByTagName("ul")[0]var li = ul.getElementsByTa
2020-11-27 09:55:43
56
原创 dom 查询
获取所有的子元素var ul = document.getElementsByTagName("ul")[0]var children1 = ul.childrenconsole.log(children1)获取所有的子节点var children2 = ul.childNodesconsole.log(children2)获取父节点var parent1 = ul.parentNodeconsole.log(parent1)获取父元素var parent2 = ul.paren
2020-11-27 09:49:30
74
原创 dom查询
<div id="total"> <div class="inner"> <p> 你喜欢哪个城市? </p> <ul id="city"> <li id="bj">北京</li> <li>上海</li> <li>东京</li> <li>首尔</li> </..
2020-11-27 09:41:38
72
原创 dom查询的其他方法
获取body标签var body = document.getEmentsByTagName('body')[0]// body也是document对象的一个属性,保存的是body的引用var body1 = document.body获取html跟标签var html = document.documentElement;console.log(html)获取页面中所有的元素var all = document.allconsole.log(all)console.log(all.
2020-11-27 09:35:36
61
原创 全选全不选
/* 功能： ①全选按钮：点击后所有爱好都选中 -- 1.#checkedAllBtn ②全不选按钮：点击后所有爱好都选中 -- 2.#checkedNoBtn ③反选按钮：点击后所有爱好选中状态反转 -- 3.#checkedRevBtn ④提交按钮：点击后依次弹出选中内容 -- 4.#sendBtn ⑤全选框：点击后让所有爱好的选中状态和自己一致 -- 5.#checkedAllBox ⑥爱好框：点满后将全选框选中，否则取消选中 -- 6.items*/<head
2020-11-27 09:26:21
91
原创 DOM 元素访问
元素访问<button id="btn">按钮</button><button class="c1">按钮</button><button class="c1">按钮</button><button>按钮</button><button name="btn1" class="c1">按钮</button><button name="btn1">按钮</butt
2020-11-26 10:50:07
71
原创 文档加载2
文档加载<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ width: 200px; height: 200px; background-color: aquamarine; } </style> <sc
2020-11-26 10:46:25
56
原创 文档加载
文档加载 window.onload = function( ){ }<script type="text/javascript"> window.onload = function(){ var id = document.getElementById("btn") console.log(id) }</script><button id="btn">按钮</button><script type="text/javascript
2020-11-26 10:43:53
104
原创 事件
js事件/* 在事件对应的属性中设置一些js代码 当事件触发时，执行此代码 此种方式我们成为结构与行为的耦合 不方便维护 ，不推荐使用 */ // 对button标签绑定了一个单击事件 <button onclick="alert('hello world')">按钮</button> // 对div标签绑定了鼠标移入的事件 <div onmouseover="alert('hello javascript')"></div> <
2020-11-26 10:40:24
68
原创 DOM
DOM// html标签 == 元素 == 节点 Element// 1- 获取button按钮的元素对象 并将内容修改为 i love button// 2- 通过循环修改多个a链接的内容<a id="a" href="">baidu</a><button>我是一个按钮</button><script type="text/javascript"> console.log(document.getElementById("a"))
2020-11-26 10:36:38
62
原创 DOM
DOM Document Object Model 文档对象模型<script type="text/javascript"> alert(123) //</script><a href="http://www.baidu.com">百度</a>
2020-11-26 10:33:21
59
原创 考试题
找到数组 [-1,-2,1,10,4,5,8] 中的最大值，至少写出两种方法？ var arr = [-1, -2, 1, 10, 4, 5, 8]; // 第一种 var max1 = Math.max.apply(null, arr); // 第二种 var max2 = arr.sort(function(a, b){ return b - a; })[0]; // 第三种 var max3 = -Infinity; for (var i = 0; i < arr.l
2020-11-05 15:56:35
227
原创 正则方法
正则方法 <!-- split() 方法用于把一个字符串分割成字符串数组。 传递一个正则表达式作为参数，使这个方法根据正则表达式进行拆分 不使用全局匹配依然全部拆分 replace（）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。 参数1：被替换的内容 参数2：新内容 注意：如果不进行全局匹配只替换第一个 search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。
2020-11-03 10:59:41
227
原创 正则
正则<!--[0-9] 匹配一个0-9的数值 \d 匹配一个0-9的数值 \D 匹配一个除了0-9的数值 [^0-9] 匹配一个除了0-9的数值 \w 匹配一个 0-9 a-z A-Z _的字符 \W 匹配一个除了 0-9 a-z A-Z _的字符 [0-9a-zA-Z_] 匹配一个 0-9 a-z A-Z _的字符 [0-9A-z_] 匹配一个 0-9 a-z A-Z _的字符 [^0-9A-z_] 匹配一个除了 0-9 a-z A-Z _的字符
2020-11-03 10:57:32
72
原创 函数方法
函数方法var name = "小张",age=17;var obj = { name:"小王", // 对象属性值中的this代表 window age1:this.age, myFun:function(fm,t){ // 对象方法中的this代表当前本对象 obj console.log(this.name+"年龄"+this.age1+"来自"+fm+"去往"+t) }}var db = { name:"西亚", age1:23 }// obj.myFun()//1
2020-11-03 10:53:45
73
原创 字符串函数
1.获取字符串长度var str= "Bgoihago"console.log("str变量中字符串的长度为"+str.length)2.在字符串中,每个字都是以下标0开始的可以通过下标方式获取字符串中的值 但不能更改var str = 'fdvank'console.log(str[1])3.charAt()可以返回指定位置的字符串var str = 'fgjodd'var str1 = str.charAt(3)console.log("通过charAt()指定下标返回字符"+s
2020-10-29 13:46:30
99
原创 Date函数
日期对象创建一个日期对象 var d1 = new Date() var year = d1.getFullYear() // 年 var mon = d1.getMounth()+1 // 月本省返回0~11月,需要+1 var day = d1.getDate() // 日 var week = d1.getDay() // 星期 0~6 0代表周日 var h = d1.getHours() // 时 var m = d1.getMinutes() // 分 var s = d1.g
2020-10-28 11:01:21
128
原创 Math函数
.圆周率 console.log("圆周率："+Math.PI)abs()绝对值 var num = -1; console.log("求绝对值："+Math.abs(-1))ceil()向上取整 var a = 3.1; console.log("ceil(3.1)向上取整"+Math.ceil(a))//4floor()向下取整 var a = 3.1; console.log("floor(3.1)向上取整"+Math.floor(a))//3roun
2020-10-28 10:45:20
82
原创 数组方法
数组方法map 此方法是将数组中的每个元素调用成一个提供的函数,结果作为一个新的数组返回,并没有改变原数组forEach 此方法是将数组中的每一个元素传给提供的函数,没有返回值
2020-10-27 11:03:02
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人