2021年9月8日

js基础---JSON的使用,以及JSON兼容IE7的方法

摘要： * json --> js对象 * JSON.parse() * - 可以将以JSON字符串转换为js对象 * - 它需要一个JSON字符串作为参数，会将该字符串转换为JS对象并返回 * JS对象 > JSON * JSON.stringify() * - 可以将一个JS对象转换为JSON字符串 * 阅读全文

posted @ 2021-09-08 15:21 leiyanting 阅读(309) 评论(0) 推荐(0)

js基础---类的操作(添加,删除,查找元素中的class名称)

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .b1{ width: 100px; height: 100px; background-color: red; 阅读全文

posted @ 2021-09-08 14:12 leiyanting 阅读(259) 评论(0) 推荐(0)

js基础---使用定时器执行简单动画(函数)

摘要： //尝试创建一个可以执行简单动画的函数 /* * 参数： * obj:要执行动画的对象 * attr:要执行动画的样式，比如：left top width height * target:执行动画的目标位置 * speed:移动的速度(正数向右移动，负数向左移动) * callback:回调函数，这阅读全文

posted @ 2021-09-08 08:48 leiyanting 阅读(83) 评论(0) 推荐(0)

2021年9月6日

js基础---延时调用setTimeout()

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> var num = 1; //开启一个定时器 /*setInterval(function(){ 阅读全文

posted @ 2021-09-06 20:38 leiyanting 阅读(169) 评论(0) 推荐(0)

js基础---setInterval()定时器

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取count var count = 阅读全文

posted @ 2021-09-06 20:03 leiyanting 阅读(213) 评论(0) 推荐(0)

js基础---Location该对象中封装了浏览器的地址栏的信息

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * Location * - 该对象中封装了浏览器的地址栏的信息 */ window.onl 阅读全文

posted @ 2021-09-06 19:36 leiyanting 阅读(46) 评论(0) 推荐(0)

js基础---History用来操作浏览器的浏览记录翻页

摘要： /* * History * - 对象可以用来操作浏览器向前或向后翻页 */ window.onload = function(){ //获取按钮对象 var btn = document.getElementById("btn"); btn.onclick = function(){ /* * l 阅读全文

posted @ 2021-09-06 16:08 leiyanting 阅读(179) 评论(0) 推荐(0)

js基础---Navigator,使用Navigator来识别不同的浏览器(主判断是否是IE)

摘要： /* * BOM * - 浏览器对象模型 * - BOM可以使我们通过JS来操作浏览器 * - 在BOM中为我们提供了一组对象，用来完成对浏览器的操作 * - BOM对象 * Window * - 代表的是整个浏览器的窗口，同时window也是网页中的全局对象 * Navigator * - 代表的阅读全文

posted @ 2021-09-06 15:40 leiyanting 阅读(211) 评论(0) 推荐(0)

js基础---键盘事件

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ /* * 键盘事件： * onkeydow 阅读全文

posted @ 2021-09-06 14:38 leiyanting 阅读(87) 评论(0) 推荐(0)

js基础---滚轮事件并处理火狐兼容

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red 阅读全文

posted @ 2021-09-06 12:43 leiyanting 阅读(151) 评论(0) 推荐(0)

导航

2021年9月8日

2021年9月6日