qq_45627570的博客

原创 鼠标拖拽

<title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; } #box2{ width: 100px; height: ...

原创 事件的传播

<meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 300px; height: 300px; background-color: yellowgreen; } #box2{ width: 200...

原创 版本

<script type="text/javascript"> window.onload = function(){ /* * 点击按钮以后弹出一个内容 */ //获取按钮对象 var btn01 = document.getElementById("btn01"); /* * 使用 对象.事件 = 函数 的...

原创 html按钮添加链接（事件委派）

<title></title> <script type="text/javascript"> window.onload=function(){ var btn01=document.getElementById("btn01"); var u1=document.getElementById("u1"); btn01.onclick...

原创 html 鼠标坐标

Insert title here<div id="areaDiv"></div><div id="showMsg"></div>

原创 html 鼠标跟随

<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; /* * 开启box1的绝对定位 */ position: absolute; } </style> <script type="te...

原创 html 鼠标跟随

<meta charset="UTF-8"><title>Title</title><style> #a{ width: 400px; height: 400px; border: 1px solid black; } #c{ width: 20px; ...

原创 html冒泡事件

<script type="text/javascript"> window.onload = function(){ /* * 事件的冒泡（Bubble） * - 所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发 * - 在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过...

原创 html查看完成协议才可可注册

<style type="text/css"> #info{ width: 300px; height: 500px; background-color: #bfa; overflow: auto; } </style> <script type="text/javascript"> window.onloa...

原创 正则表达式

/** 检查一个字符串中是否以a开头* ^ 表示开头* $ 表示结尾*/var str=‘a7777a’;reg = /^a/; //匹配开头的a reg = /a$/; //匹配结尾的a //console.log(reg.test("abcabca")); /* * 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式 *...

原创 html onclick事件

<!-- 我们可以在事件对应的属性中设置一些js代码， 这样当事件被触发时，这些代码将会执行 这种写法我们称为结构和行为耦合，不方便维护，不推荐使用 --> <!--<button id="btn" onmousemove="alert('讨厌，你点我干嘛！');">我是一个按钮</button>--> <but...

原创 正则表达式

/* * 正则表达式 * - admin@atguigu.com * - admin@.com adminatguigu.com * - 邮件的规则： * 1.前边可以是xxxx乱七八糟 * 2.跟着一个@ * 3.后边可以是xxxx乱七八糟 * 4..com获取其他的乱七八糟 * * - 正则表达式用于定义...

转载 字符串

<script type="text/javascript"> //创建一个字符串 var str = "Hello Atguigu"; /* * 在底层字符串是以字符数组的形式保存的 * ["H","e","l"] */ /* * length属性 * - 可以用来获取字符串的长度 */ //console.log...

转载 基础数据类型

/** 基本数据类型* String Number Boolean Null Undefined* 引用数据类型* Object** 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象* String()* - 可以将基本数据类型字符串转换为String对象* Number()* - 可以将基本数据类型的数字转换为Number对象...

原创 数学函数

/* * Math * - Math和其他的对象不同，它不是一个构造函数， * 它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法 * - 比如π：3.14151.。。。。。 * Math.PI 表示的圆周率 */ console.log(Math.PI); /* * abs()可以用来计算一个数的绝对值...

原创 htmlDate对象

/* * Date对象 * - 在JS中使用Date对象来表示一个时间 */ //创建一个Date对象 //如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间 var d = new Date(); //console.log(d);// "Thu Sep 19 2019 11:22:28 GMT+0800 (中国标准时间)" ...

转载 html call()和apply()

function fun(a,b) { console.log("a = "+a); console.log("b = "+b); //alert(this); } var obj = { name: "obj", sayName:function(){ alert(this.name); } }; // fun.c...

原创 html concat() join() sort()

var arr = ["孙悟空","猪八戒","沙和尚"]; var arr2 = ["白骨精","玉兔精","蜘蛛精"]; var arr3 = ["二郎神","太上老君","玉皇大帝"]; /* * concat()可以连接两个或多个数组，并将新的数组返回 * - 该方法不会对原数组产生影响 */ var result = arr2.concat...

原创 网页 全选功能

window.onload=function(){ var bb=document.getElementById("b"); var cc=document.getElementById("c"); //var z=document.getElementsByTagName("input"); //var z=document.getElementById("ck1"); var z=d...

原创 数组去除重复数

function bj(a){ for(i=0;i<a.length;i++) for(j=i+1;j<a.length;j++) if(a[i]==a[j]){ a.splice(j,1); j--; } } //var a=["1","2","2"] var a=["1","2","3","3"...

原创 数组

<script type="text/javascript"> /* * 内建对象 * 宿主对象 * 自定义对象 * * 数组（Array） * - 数组也是一个对象 * - 它和我们普通对象功能类似，也是用来存储一些值的 * - 不同的是普通对象是使用字符串作为属性名的， * 而数组时使用数字来作为索引操作元...

转载 arr

<title></title> <script type="text/javascript"> //创建一个数组 var arr = ["孙悟空","猪八戒","沙和尚"]; /* * push() * - 该方法可以向数组的末尾添加一个或多个元素，并返回数组的新的长度 * - 可以将要添加的元素作为方法的参...

原创 arr

//创建一个数组 var arr = ["孙悟空","猪八戒","沙和尚","唐僧","白骨精"]; //所谓的遍历数组，就是将数组中所有的元素都取出来 /*console.log(arr[0]); console.log(arr[1]); console.log(arr[2]); console.log(arr[3]);*/ for(var i=0 ;...

原创 script构建函数

如上

原创 方法内变量作用域

说出以下代码的执行结果=========================================var a = 123;function fun(){alert(a);}fun();// 局部有就用局部的 没有返回上一级去寻找var a = 123;var a = 123;function fun(){alert(a);var a = 456;}fun();...

原创 script九九乘法表

原创 script三数最大值

原创 script 1-1007倍数和 水仙花数算法 质数

原创 script if

原创 script三数比较

原创 登录页面

用户登录 姓名： 密码： 性别：男 女 爱好：音乐 足球 ...

原创 CSS的基本概念

一、 CSS的基本概念（使用CSS让单调的HEML网页更富表现力：文档体积小，便于搜索，可读性好 分层思想HTML+CSS 结构和表现分离 ，易于维护和管理）CSS的基本概念：CSS是层叠样式表(Cascading Style Sheet) ,用于控制网页的外观。指颜色 背景 大小元素定位…四、Css选择器css选择器，也称为选择符，用于选择需要添加样式的元素css的基本语法:选择...

原创 table表格及属性

一、 表格的标签及属性table属性Width、height 宽高（单位是像素或百分比）align 对齐border 外边框bgcolor 背景色background 背景图片Cellspacing 单元格间距(单元格和单元格的距离) 一般情况写0Cellpadding ...