12 2020 档案
摘要：首先我看来看一下这么一个例子，点击div，div中的文字就会变成bye <div class = "divs">Hello1</div> <div class = "divs">Hello2</div> <div class = "divs">Hello3</div> <script> var by
阅读全文
摘要：一阶段项目要求： 《剑侠情缘》游戏网站里的5个页面： 设计难点： 让页面适应缩放 资料片页各种效果、以及各个轮播图的逻辑实现 多处导航子单个子块的制作 使用css类选择器提升效率 网页截图： 制作心得： 2020 12 17：发现悬浮显示div时，鼠标移到div中的子div时，也算mouseout。
阅读全文
摘要：$(document).ready(function(){ //获取文本节点 获取用空参 赋值用传参 var d1 = $("#d1").html(); // alert(d1); //获取class是p1的元素 var p1 = $(".p1").eq(0).html(); //console.l
阅读全文
摘要：功能需求： 自动轮流展示图片。鼠标悬浮时停止自动滚动，显示翻动按钮和小图标，点击小图标可以切换至指定图片。 用到的知识点： 定时器、css动画、dom操作 效果演示： 代码实现： <!doctype html> <html> <head> <title>Test</title> <meta char
阅读全文
摘要：阻止默认行为的两种方法： <a href="javascript:return false" >阻止默认行为</a> <a href="javascript:void(0)" >阻止默认行为</a> 标签中写的js中的this代表本标签对象： <input type="button" value="
阅读全文
摘要：在body中建一个p，p中建一个span： <!doctype html> <html> <head> <title>Practice2</title> </head> <body> <div id = "div1"> <p id = "p1"> <span id = "span1"> spansp
阅读全文
摘要：用到的技术：HTML、CSS、原生JAVASCRIPT 用到的JS知识点： 事件监听器、多维数组等 效果： 思路： 利用table标签画出框架，建立一个多维数组来存储每个td里的数字，添加一个全局键盘事件监听器，监听键盘上下左右键。 根据用户按下的方向键，来操作多维数组，操作完成后再显示到td的in
阅读全文
摘要：个人认为难点在于属性名和方法名称的区分记忆，不能太依赖DW的代码提示，在这里整理一下以便日后的查阅复习： 一：DOM中通过DOM树关系访问： 1.getElements******* getElementById() getElementsByClassName() getElementsByNam
阅读全文
摘要：在浏览网页中，我们经常会看到这种悬浮显示div的效果： 现在我们就来实现一下： 思路：3个DIV，前两个包起来，一个是隐藏的DIV，鼠标移到上方div时，再用JS将隐藏的div显示出来， html如下所示： css样式如下所示： JS实现： 现在达到了这种效果： 可以看到，鼠标离开红色快，移到绿色块
阅读全文
摘要：//window对象 /*window.alert("Welcome!"); var value = window.prompt("Input your name:"); window.confirm("Your Name is :"+value);*///返回值是true或false /*if(w
阅读全文
摘要：首先用PS做好上面的带通道素材图。 思路：用Date对象获取时间，利用css3 transition来实现指针扫秒效果。 困难：一开始指针走到12时，会倒一圈回到0，更改算法后正常。 效果： 代码实现：
阅读全文
摘要：设计思路： 利用两个button标签的onclick属性，调用一个函数，改变切换上方img标签的src属性，实现图片切换。 代码实现： 效果：
阅读全文
摘要：//不传参数默认当前系统时间var d = new Date();document.write(d);document.write("<br>");//调用date类里的方法 //获取天var mydate = d.getDate();document.write(mydate);document.
阅读全文
摘要：<script type="text/javascript" src="attack.js"></script>引入外部js，而不是用link string的replace方法也是用正则表达式 关于Javascript对象： 内建对象（Math String Number Boolean Funct
阅读全文
摘要：/*for循环语句 for(表达式1;表达式2;表达式3){ }表达式1：一般是对循环变量定义表达式2：条件表达式3：变化规则 先执行表达式1，在执行表达式2，如果2为true，再执行循环体，再执行3*/ //输出0到10的偶数/*for(var i = 1;i<=10;i++){ if(i%2==
阅读全文
摘要：//if语句/*var a = 1;var b = 2; var max=0; if(a>b){ max = a;}else{ max = b;}console.log(max);*/ //多种条件,else if 可以加无数个 /*if(!a++){ console.log("1");}else
阅读全文
摘要：//定义数组的方式： /*var arr1 = [1,2,3];*/ var arr1 = [10,12.3,'abc',true]; //取值 console.log(arr1[0]); console.log(arr1[1]); console.log(arr1[2]); console.log
阅读全文
摘要：补充：正则表达式修饰符：g 匹配所有的满足条件的字符串，不加这个的话匹配完第一个就结束了：如图： 使用match（）方法进行检索：该数组的内容依赖于 regexp 是否具有全局标志 g search()方法顾名思义就是用正则表达式搜寻，返回下标： W3SCHOOL：search() 方法不执行全局匹
阅读全文
摘要：number转string： number转bool： string转number string转bool bool转number
阅读全文
摘要：js中的null用来表示空的对象。typeof null objectundefined表示未定义。typeof undefined undefined 强制数据类型转换：只能转换成String Number Boolean 转换成String 用toString方法：var a = 123;a.t
阅读全文
摘要：css引入方式， 1.内联：<p style="样式值1:样式名1;样式值2:样式名2;"></p> 2.内嵌：在head中添加style标签，里面写选择器（常见3种）： id选择器：# 注意一个页面id必须唯一 类选择器：. 标签名中两个class用空格分开。 元素选择器：标签不需加任何属性 3.
阅读全文
浙公网安备 33010602011771号