javascript
关注
分享
扫一扫
文章平均质量分 91
dragoo1
这个作者很懒，什么都没留下…
展开
-
js中cookie，localStorage(sessionStorage)的存取(转)
转自：js中cookie，localStorage(sessionStorage)的存取 - 木风向前冲 - 博客园 (cnblogs.com)一、cookie （原生的不好用，自己简单封装） 1. 存cookie的方法： function setCookie(c_name,value,expiredays) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); docume.转载 2021-07-12 17:27:53 · 1837 阅读 · 0 评论 -
javascript获取transform中的属性值（转）
最近在做一个移动端的网站，其中一个难点就是导航，因为导航里面项目比较多，需要通过滑动来查看被遮住的项目，这个功能实际上就是以前pc端经常做的拖拽，因此安装老思路就上代码，在pc端的模拟器里面也是很顺溜的，但是一旦放到手机上一试，我哩个去，卡的不行，想了好久，发现是因为按照平时的思路，在写拖拽的时候是通过定位来实现的，但是定位这种东西在性能很鸡肋的手机端实在是太啃爹了。没办法，只好改用css3的transform来实现，这时问题来了，通常情况下，用js来获取元素样式值的时候，如果是用jquery,直接通过cs转载 2020-11-13 13:19:14 · 2097 阅读 · 0 评论 -
前端面试题：JS中的let和var的区别（转）
转自：https://www.cnblogs.com/fly_dragon/p/8669057.html作者：FlyDragon出处：http://www.cnblogs.com/fly_dragon/关于作者：专注于微软平台项目架构、管理和企业解决方案。如有问题或建议，请多多赐教！本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通malun666@126.com 联系我，非常感谢。正文：最近很多前端的朋友去面试被转载 2020-08-16 22:26:07 · 362 阅读 · 0 评论 -
querySelector() 选择器语法（转）
选择器 示例 示例说明 CSS .class .intro 选择所有class="intro"的元素 1 #id #firstname 选择所有id="firstname"的元素 1 * * 选择所有元素 2 element p 选择所有<p>元素 1 element,element div,p 选择所有<div>元素和<p>元素 1 ele转载 2020-07-22 14:47:55 · 2220 阅读 · 0 评论 -
audio修改src再播放出现 Uncaught (in promise) DOMException 的解决办法（转）
修改src后,在play()之前加一个定时器延迟一下时间 , 如下:setTimeout( function(){ audio.play();}, 10);转自：https://blog.youkuaiyun.com/ljw_jiawei/article/details/98026468转载 2020-04-28 19:42:43 · 1953 阅读 · 0 评论 -
检测使用 three.js 时的 WebGL 和浏览器兼容性（Detecting WebGL and browser compatibility with three.js）(转)
太阳火神的美丽人生 (http://blog.youkuaiyun.com/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保留此句：太阳火神的美丽人生 - 本博客专注于 敏捷开发及移动和物联设备研究：iOS、Android、Html5、Arduino、pcDuino，否则，出自本博客的文章拒绝转载或再转载，谢谢合作。检测使用 three.js 时转载 2016-05-24 09:44:28 · 4697 阅读 · 0 评论 -
Three.js学习笔记 – “我和小伙伴都惊呆了”的特效和Three.js初探(转)
什么是Three.jsthree.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤其是文档的匮乏转载 2016-05-24 10:27:22 · 6816 阅读 · 0 评论 -
jquery mobile在pc浏览器上设置min-height造成的错误
环境：win7 64位, chrome44.0.2403.125, jquery.mobile.1.4.2问题：一个在移动设备上正确的网页，在pc上浏览显示不全，经查，在添加jquery.mobile.js,jquery.mobile.css之后，会在body下添加一div data-role="page"style="min-height:600px;">考虑到兼容性，暂时不原创 2016-05-27 15:03:19 · 1850 阅读 · 0 评论 -
用JavaScript判断横屏竖屏问题。（转）
用JavaScript判断横屏竖屏问题。JavaScript代码如下//判断手机横竖屏状态： function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态！") } if(window.orientation==90||wi转载 2016-04-20 18:18:49 · 1262 阅读 · 0 评论 -
Uncaught SyntaxError: Failed to set the 'innerHTML' property on 'Element'
环境：win7 64位,apache,chrome 44.0.2403.125写了下面一个xhtml文件 abcd 点击链接时报错：Uncaught SyntaxError: Failed to set the 'innerHTML' property on 'Element': The provided markup is原创 2016-04-27 19:43:23 · 6752 阅读 · 0 评论 -
如何去除JQuery Mobile中的默认input样式（转）
方法1: 使用jquery在创建后对所有元素增加属性 Java代码 $(document).bind( "pagecreate", function( e ) { $( "input, textarea, select", e.target ).attr( "data-" + $.mobile.ns + "role", "none" ); });方法2:转载 2016-04-26 16:55:55 · 4786 阅读 · 0 评论 -
jQuery停止动画和判断是否处于动画状态(转)
1、停止元素的动画很多时候需要停止匹两己元素正在进行的动画，例如上例的动画，如l果需要在某处停止动画，需要使用stop()方法。stop()方法的语法缩构为：stop([clearQueue][,gotoEnd]);参数clearQHCHC和gotoEnd都足町选的参数，为Boolean值(ture或flase)。clearQueue代表足胥婴清空术执{j．完的动嘶队列，9转载 2015-09-23 15:21:55 · 10283 阅读 · 0 评论 -
[JS]document.body.clientHeight的取值(转)
有时候需要取页面的底部, 就会用到document.body.clientHeight , 在HTML 标准中(这一句就能取到整个页面的高度, 不论body 的实际内容到底有多高, 例如, 1074*768 的分辨率, 页面最大化时, 这个高度约为720 , 即使页面上只有一句"hello world" , 也仍然取到720.可是在XHTML中, 如果body 体中只有一行, 则documen转载 2016-01-27 10:34:51 · 1209 阅读 · 0 评论 -
jquery的animate设置样式overflow:hidden的解决方法
环境：win7 64位,chrome44.0.2403.125,firefox43.0.4,ie11.0.9600.18124IS问题：有个变高变宽的div，内嵌一个img，但是动画执行时img被overflow:hidden设置后只能看到一部分解决方法1：$(myDiv).animate( { height: newHeight}, { duration: 500原创 2016-01-07 15:55:32 · 7798 阅读 · 1 评论 -
IE创建iframe设置frameborder为0(转)
时间：2014-06-17在IE7-浏览器或者为添加xhtml申明的IE8浏览器（IE9+未测试），动态创建的iframe，当通过setAttribute设置iframe的frameborder时，IE下调用setAttribute设置属性时，frameborder是严格区分大小写，属性名称要写为frameBorder，不能为frameborder，否则无法去掉iframe的framebord转载 2015-12-14 15:50:05 · 4144 阅读 · 0 评论 -
微信屏幕宽度自适应
环境：硬件)iphone5s,SAMSUNG SM-T810+Android 5.0.2; 软件) 微信 WeChat6.3.13;问题：使用类似于这样的标签在air2,pad2效果很好，但是跑到iphone5s会有滚动条，左右可以拖动，被老大要求调整为不可拖动的。解决： adjustWidth(); window.add原创 2016-04-21 09:36:23 · 6248 阅读 · 0 评论 -
Three.js讲解以及WEBGL实例（转）
webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。自己虽然在去年6月份接触过一段时间，但是一直没有时间研究一下，对webGL了解的也不是很多，近来有些时间，总结一下自己掌握的这些WEBGL的东西，也给大家分享一下。在本篇文章当中，会以一个demo为例，读转载 2016-05-17 17:15:29 · 6555 阅读 · 0 评论 -
JS中的作用域以及全局变量的问题（转）
一、 JS中的作用域 1、全局变量：函数外声明的变量，称为全部变量局部变量：函数内部使用var声明的变量，称为局部变量在JS中，只有函数作用域，没有块级作用域！！！也就是说，if/for等有{}的结构体，并不能具备自己的作用域。所以，函数外部不能访问函数内部局部变量（私有属性）。因为，函数内部的变量，在函数执行完毕以后，就会被释放掉2、使用闭包，可以访问函数的私有变量！JS中，提供...转载 2019-08-21 16:00:15 · 212 阅读 · 0 评论 -
实现跨域iframe的陀螺仪全景图效果
开发时发现同根iframe子页面可以直接检测到deviceorientation事件，但跨域iframe不可以，因此通过postMessage传递信息。参考：https://stackoverflow.com/questions/37262953/deviceorientation-not-triggering-in-ios-browsers-when-referenced-in-iframe...原创 2019-07-05 12:59:29 · 1096 阅读 · 0 评论 -
在three.js中使用透明背景
如果你想在three.js中使用透明背景，则需要将alpha参数传递给WebGLRenderer构造函数。var renderer = new THREE.WebGLRenderer( { alpha: true } );可以将清除颜色保留为默认值。renderer.setClearColor( 0x000000, 0 ); // the default参考：https://...原创 2019-07-04 10:45:01 · 2214 阅读 · 0 评论 -
使用js设置input标签只读 readonly 属性（转）
先上代码：<html><head> <title> test </title> <meta charset="utf-8"></head><script language="JavaScript"> function setReadonly() { //d...转载 2019-04-25 11:10:45 · 2088 阅读 · 1 评论 -
移动端 touch 事件的originalEvent(转)
对于移动端的触摸事件，我们通过touchstart、touchmove、touchend实现，PC端一般使用mousedown、mousemove、mouseup实现。 我们获取事件坐标，原生js获取方式mousedown event.pageX mousemove event.pageX mouseup event.pageX touchstart ...转载 2019-04-19 10:09:01 · 741 阅读 · 0 评论 -
js实现全屏
function toggleFullScreen() { var isFull = window.fullScreen || document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement || false; var de = document.documentElement; i...原创 2019-04-26 14:15:57 · 408 阅读 · 0 评论 -
js读取文件(转)
var getActiveXObject ,getFile,someMessage;getAXO = new ActiveXObject("Scripting.FileSystemObject"); getF = getAXO.GetFile("C:\\bootbak.ini"); someMessage = "FileName:" + getF.Name + "Filesiz转载 2016-07-20 22:35:02 · 4046 阅读 · 0 评论 -
js实现鼠标滚轮控制图片缩放效果的方法(转)
作者：代码家园 字体：[增加 减小] 类型：转载 时间：2015-02-20这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了js实现鼠标滚轮控制图片缩放效果的方法。分享给大家供大家参考。具体实现方法如下：用鼠标滚轮滚动控转载 2016-07-19 11:09:48 · 6181 阅读 · 0 评论 -
Three.js之渲染器(转)
本篇文章将详细讲解three.js中渲染器（renderer）的设置方法。three.js文档中渲染器的分支如下：RenderersCanvasRendererDOMRendererSVGRendererWebGLRendererWebGLRenderTargetWebGLRenderTargetCubeWebGLShaders可以看到three.js提供了转载 2016-05-23 22:02:02 · 2595 阅读 · 0 评论 -
three.js学习笔记 obj模型加载问题 (转)
three.js最新版本'75'相较以前使用的'71'版本obj模型加载的方法发生了变化。 移除了OBJMTLLoader.js,并将原来OBJLoader.js和MTLLoader.js加载方法loader.setCrossOrigin更改为loader.setPath。 所以再使用原来的加载方式：var onProgress = function(xhr) { if (转载 2016-05-19 10:04:10 · 11296 阅读 · 1 评论 -
在chrome中取svg里面的元素的宽度和高度
环境:win7 64位,chrome47.0.2526.106 m,firefox43.0.2,ie11,jqueryhtml文件： docRoot.xml_graphItem2svg0.svg：(-0.750147,-0.75001,451.556,261.215)先百度了一下，发现http://bbs.youkuaiyun.com/topics/390566300说要用getS原创 2015-12-28 14:36:21 · 4680 阅读 · 0 评论 -
javascript获取隐藏元素(display:none)的高度和宽度的方法(转)
类型：转载 时间：2014-06-06这篇文章主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下js获取可见元素的尺寸还是比较方便的，这个可以直接使用这个方法：代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数，兼容IE和转载 2015-12-11 10:19:16 · 16730 阅读 · 1 评论 -
javascript自动填充到6位数
环境：ie11问题：处理一个数字，自动填充到6位数。如果数字为1，则变成000001。11则变成000011。就是前面不够位数用0补齐。function pad(num, n) { var len = num.toString().length; while(len < n) { num = "0" + num; len++; }原创 2015-07-20 11:06:50 · 2425 阅读 · 0 评论 -
js倒计时代码 支持同一页面多个倒计时代码(转)
js倒计时代码:Javascript代码 js倒计时代码 - k686绿色软件 - http://www.k686.com k686绿色软件 - http://www.k686.comfunction countDown( maxtime,fn ){ var timer = setInterval(fu转载 2015-07-31 09:52:48 · 5864 阅读 · 1 评论 -
创建元素<span></span>
var span = document.createElement("span");span.innerHTML = "测试";document.body.appendChild(span);参考：http://zhidao.baidu.com/link?url=-BmJ8e25K4q6iKuy9PW73vP1QBabatM9KzOaNIRlKGb1mm_sn1pU_ay9yRVr8n原创 2015-07-15 11:32:10 · 1486 阅读 · 0 评论 -
jquery动态元素绑定事件
摘自：http://blog.youkuaiyun.com/zhuyong0722/article/details/8590815四、on()方法.on( events [, selector ] [, data ], handler(eventObject) )这是jQuery官方给出的Api，其实在最新版本的jQuery类库中，所有以上方法在后面其实都是调用on()方法，所以，如果你开原创 2015-07-01 19:17:28 · 851 阅读 · 0 评论 -
javascript重置Radio单选按钮
环境:win7 32，ie11 function onclickbt1() { document.getElementById("rd1").checked=false; document.getElementById("rd2").checked=false; document.getElem原创 2015-07-10 16:15:19 · 6694 阅读 · 0 评论 -
jquery中html()、text()、val()的区别(转)
.html()用为读取和修改元素的HTML标签.text()用来读取或修改元素的纯文本内容.val()用来读取或修改表单元素的value值。这三个方法功能上的对比.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.转载 2015-07-09 17:50:55 · 760 阅读 · 0 评论 -
JS是按值传递还是按引用传递(转)
在分析这个问题之前，我们需了解什么是按值传递(call by value)，什么是按引用传递(call by reference)。在计算机科学里，这个部分叫求值策略(Evaluation Strategy)。它决定变量之间、函数调用时实参和形参之间值是如何传递的。按值传递 VS. 按引用传递按值传递(call by value)是最常用的求值策略：函数的形参是被调用时所传实参的副转载 2015-07-09 19:03:29 · 716 阅读 · 0 评论 -
Socket.IO 和 Node.js 入门（转）
ket.IO 和 Node.js 入门Node.js 并不能做所有事情，但它可通过Socket.IO 库轻松实现 WebSockets。使用 WebSockets 可轻松构建实时多用户的应用程序或游戏，今天我们将讲述如何使用 Node.js 和 Socket.IO 构建简单的聊天程序。注意: 在阅读文章之前你应该先安装好 Node.js，同时你需要一个自己喜欢的文本编辑转载 2015-07-09 19:20:46 · 736 阅读 · 0 评论 -
也谈分离JavaScript和HTML
不知道能不能将JavaScript和HTML的分离也归结为“你必将业务逻辑由显示中分离（thou shalt separate business logic from display）”[1]的问题。但有HTML和CSS的分离在前面对照，它们的分离是如此地优雅，对于理想主义的小coder实在具有莫大的吸引力。 从现实的角度，也可以举出很多方面来论证JavaScript和HTML分离的好处转载 2015-06-10 16:19:51 · 585 阅读 · 0 评论 -
也谈分离JavaScript和HTML(转)
转自：http://blog.youkuaiyun.com/eengel/article/details/6193209 不知道能不能将JavaScript和HTML的分离也归结为“你必将业务逻辑由显示中分离（thou shalt separate business logic from display）”[1]的问题。但有HTML和CSS的分离在前面对照，它们的分离是如此地优雅，对于理想主义的转载 2015-06-23 09:34:14 · 485 阅读 · 0 评论 -
JavaScript random方法得到随机整数(转)
转自：http://blog.youkuaiyun.com/backslash/article/details/6515658一、得到1-3的随机整数代码：document.write(Math.ceil(Math.random()*3));//得到1-3的整数总结：Math.random()方法得到随机小数 *3将会得到小于3的数字，Ceil方法始终向上舍入。 二、得到0-3的随转载 2015-06-23 09:31:28 · 2256 阅读 · 0 评论