JavaScript 相关知识
文章平均质量分 59
JS 相关知识 ,小技巧,和坑
吴杼恩
这个作者很懒,什么都没留下…
展开
-
js6语法
1:Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历属性的键名。2:Object.values方法返回一个数组,成员是参数对象自身的所有属性的键值。上面代码中,属性名为数值的属性,是按照数值大小,从小到大遍历的,因此返回的顺序是b、c、a。3: Object.entries方法返回一个数组,成员是参数对象自身的所有属性的键值对数组。除了返回值不一样,该方法的行为与Object.values基本一致。原创 2023-06-15 13:10:52 · 441 阅读 · 0 评论 -
一些常用的前端功能
文字无缝向左滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baidu.com/j原创 2023-06-15 10:20:03 · 1268 阅读 · 0 评论 -
基础的几个jq ajax 小测试(本文章没有效果,仅供对比学习)
Document /index.php?act=member_points&op=points_logajax&" id="a_load" href="javascript:void(0);">加载更多var pages_id=$("#pages_id li:nth-last-child(3) span").text();//获取最后一个分页以确定分页总数 var c原创 2015-06-24 12:38:47 · 787 阅读 · 0 评论 -
原生Ajax讲解
典型的http通信:浏览器向服务器发出请求,服务器向客户端返回响应,浏览器重新加载页面,这种不连续的页面加载方式导致用户的体验变得杂乱,缺乏连贯性。Ajax允许客户端javascript向服务器请求和接收数据,而无须刷新页面。这种技术允许开发人员创建不中断的应用程序,用新数据重载页面的某些部分。Ajax表示使用javascript收发来自web服务器的数据,且无须重载整个页面(仅刷新页面的局部原创 2015-01-10 19:46:27 · 1044 阅读 · 0 评论 -
数据格式json讲解
JSON在使用名称/值对或XML时,实际上是使用javascript从应用程序中取得数据并将数据转换成另一种数据格式。javascript不仅作为格式化语言使用,还可以使用javascript语言中的对象来表示数据。将javascript对象转换成可以随请求发送的数据(同步异步都可以)。简单的说,JSON可以将javascript对象中表示的一组数据转换为字符串,然后就可以在函原创 2015-01-21 15:15:11 · 709 阅读 · 0 评论 -
Json数据格式的使用方法入门教程
转载 2015-12-11 12:20:24 · 395 阅读 · 0 评论 -
原生cookie
出于浏览器的安全性限制,从WEB应用程序中访问用户本地文件系统是有许多限制的。但是WEB站点的开发人员可以使用cookie,将少量信息保存在用户本地硬盘的指定空间中。document对象的cookie属性。使用这个属性,可以在javascript代码中创建cookie,访问cookie中的数据。打开cookie文件是非常安全的,因为它们只是简单的文本文件。每个网站或域名都有一个自己的文原创 2015-01-17 21:11:01 · 713 阅读 · 0 评论 -
js 扫基础
setTimeout延时0毫秒的作用console.log(1);setTimeout(function() { console.log(2);}, 0);console.log(3);打印出的结果应该依次是: 1 3 2. why?js是单线程的,是基于事件循环的。setTimeout函数是异步的,异步的事件会加入一个队列,当同步的任务执行完之后,才会执行。对数组...原创 2019-05-29 16:18:32 · 171 阅读 · 0 评论 -
javascript学习-原生javascript的小特效(简单的运动效果)
1:首先我们先写出HTML的结构原创 2014-10-18 09:53:04 · 1410 阅读 · 0 评论 -
javascript学习-原生javascript的小特效(改变透明度效果)
原生javascript的小特效---简单的运动效果原创 2014-10-18 15:02:25 · 912 阅读 · 0 评论 -
javascript学习-原生javascript的小特效(多物体运动效果)
前些日子看了个视频所以就模仿它的技术来为大家做出几个简单的JS小特效今天为大家做的原创 2014-10-20 13:38:25 · 711 阅读 · 0 评论 -
javascript中获取非行间样式的方法
1:window.getComputedStyle()方法浏览器中提供了一个方法:window.getComputedStyle()的方法可以得到节点的计算后样式,该方法有两个参数,第一个是要所要获取的样式的节点,第二个参数不知道是什么作用,网上给出的例子都将设置成null;即是这样调用的:window.getComputedStyle(node,null),其返回值为一个对象,为计算原创 2014-10-21 09:10:00 · 1223 阅读 · 0 评论 -
javascript学习-原生javascript的小特效(多个运动效果整理)
body,*{margin: 0;padding: 0;}li{width: 300px;height:100px;background: yellow;margin-top: 10px;filter: alpha(opacity:30);opacity: 0.3}window.onload=function(){ var aLi=document.getElemen原创 2014-10-21 14:22:38 · 1058 阅读 · 0 评论 -
javascript学习-原生javascript的小特效(原生javascript实现链式运动)
body,*{margin: 0;padding: 0;}li{width: 300px;height:100px;background: yellow;margin-top: 10px;filter: alpha(opacity:30);opacity: 0.3}window.onload=function(){ var aLi=document.getElemen原创 2014-10-21 16:36:32 · 871 阅读 · 0 评论 -
表单美化-原生javascript和jQuery单选按钮(兼容IE6)
最近很多人问怎么美化表单的y原创 2014-10-24 09:47:31 · 1495 阅读 · 0 评论 -
表单美化-原生javascript和jQuery多选按钮(兼容IE6)
今天到我们来做表单元素的美化原创 2014-10-27 17:01:43 · 1592 阅读 · 1 评论 -
表单美化-原生javascript和jQuery下拉列表(兼容IE6)
效果:*{margin: 0;padding: 0}.selectList{width: 500px;margin: 50px auto;display: block;width: 320px;}.selectValue{position: relative;height: 40px;border: 5px solid #00b0c6;padd原创 2014-10-30 10:42:24 · 770 阅读 · 0 评论 -
javascript练习----复选框全选,全不选,反选
Document body{color: #000} document.write("");for (var i = 0; i document.write(""); document.write('ffffffffff'); input名字要加“[]”这样后端程序取得时候为数组。 document.write(""); } d原创 2015-01-04 16:25:57 · 589 阅读 · 0 评论 -
javascript中的计时器
javascript中的计时器有两种:一种是原创 2014-10-18 12:26:03 · 958 阅读 · 0 评论 -
offsetLeft与style.left区别
如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. style.left 返回的是字符串,如28px,offsetLeft返回的是数值28,如果需要对取得的值进行计算,还用offsetLeft比较方原创 2014-10-20 16:00:03 · 1079 阅读 · 0 评论 -
javascript知识总汇
1:数据类型转换:将字符串转换为数值的函数:parseInt()和parseFloat();parseInt():将字符串转换成整数。它解析字符串的每个字符,检查该字符是否是一个有效的数字。如果是将使用这个数字来生成字符串对应的数值。否则,命令就停止转换,并返回之前转换的数值。例如:parseInt("123");输出结果为整数123;parseInt("123test");结果还原创 2014-12-28 20:03:40 · 1333 阅读 · 0 评论 -
面向对象思想
下面我们就一起学习面向对象编程,只要你是想学习javascript的也就该认真的把下面的内容看完。原创 2015-01-07 21:30:41 · 810 阅读 · 0 评论 -
【学习笔记】在原生javascript中使用ActiveX和插件
vvv原创 2015-01-21 22:27:40 · 1071 阅读 · 0 评论 -
javascript中的窗口和框架
在网络上我们可以看到很多WEB应用程序都是使用框架(frame)来分隔浏览器窗口的,就想一块块玻璃隔板把窗口分隔成好几个小窗口,并且可以在不同的小窗口中加载显示不同的页面,这样在我们看来好像是一个完整的页面,但实际上它是由几个页面组合而成的。javascript允许我们操作框架,在一个框架中定义的变量和函数可以在另一个框架中使用。这样做可以实现两个优点。代码模块化:可以把通用的代码原创 2015-02-08 16:24:40 · 752 阅读 · 0 评论 -
window 的宽高和screen的宽高对比
window 的宽高和screen的宽高对比 $(function(){ alert(location.pathname ) alert($(window).width()); alert(screen.width) // 注意:window 的宽度指的是浏览器窗口的宽度,注意是窗口的宽度,单位是px(不包工具栏和滚动条); // screen的宽度指的是屏幕的原创 2015-06-18 12:47:04 · 1331 阅读 · 0 评论 -
说说JavaScript那些事--笔记
今天想说说JavaScript对象的知识点,涉及对象,属性,复制数据类型,基本数据类型,作用域,继承,this关键字,和window对象等概念。一,JavaScript对象:在JavaScript世界,我们听的最多的一句话就是:JavaScript里一切皆对象。的确,JavaScript里的几乎所有东西都是对象或者用起来像对象,就连“my name is sunny”这句话在JavaS原创 2016-04-09 10:24:14 · 2251 阅读 · 4 评论 -
js获取元素高度比较
网页可见区域宽:document.body.clientWidth(不包括滚动条)网页可见区域高:document.body.clientHeight(不包括滚动条)网页可见区域宽:document.body.offsetWidth (包括边线和滚动条的宽)网页可见区域高:document.body.offsetHeight(包括边线的宽)网页正文全文宽:document.body转载 2016-09-07 12:39:59 · 816 阅读 · 0 评论