javascript
文章平均质量分 63
Coding-lover
Keep hungry,Keep foolish(可通过微信联系我:unilay_yang)
展开
-
前段代码异常日志收集与监控
在复杂的网络环境和浏览器环境下,自测、QA测试以及 Code Review 都是不够的,如果对页面稳定性和准确性要求较高,就必须有一套完善的代码异常监控体系,本文从前端代码异常监控的方法和问题着手,尽量全面地阐述错误日志收集各个阶段中可能遇到的阻碍和处理方案。收集日志的方法平时收集日志的手段,可以归类为两个方面,一个是逻辑中的错误判断,为主动判断;一个是利用语言给我们提供的捷径,暴力式获取错误信息,转载 2015-08-21 09:40:12 · 1142 阅读 · 0 评论 -
chrome 控制台 如何调试javascript
上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方)1、先说一下源码定位大家打开测试网页 看到页面右下方有一个推荐的图标吗?右击推荐图标,选择审查元素,打开谷歌控制台,如下图所示我们现在想知道votePost方法到底转载 2015-01-19 14:01:30 · 892 阅读 · 0 评论 -
chrome 控制台console的用法(学了之后对于调试js可是大大有用的哦)
大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上co转载 2014-12-24 00:41:22 · 1074 阅读 · 0 评论 -
如何调试手机网页
兵马未动,粮草先行。安排好 debug 工作的道理也一样,调试的基本工作务必先于开发之前搞得好,不然后果很严重……!哈哈,这样的开场白太那个了……其实实不相瞒,俺的实际情况是,到项目后期才懂得那么一点页面调试手段,之前怎么弄……不怕见笑,还是 console.log/alert 几招,甚至几招都算不上,,好原始的说……嗯,少废话,来上货,,一、基于 weinre 的方案的:We转载 2014-12-23 00:07:44 · 3195 阅读 · 0 评论 -
手机端网页调试方案
(本文前身是技术分享的ppt,因此有些图直接是ppt导出的。画的图全是原创,转载请注明,谢谢。)在手机端网页开发的特定阶段,需要查看手机端的界面、交互与体验。2011年时,开发时有很大麻烦:相应的静态文件在测试服务器上,没有上线,需要绑定hosts而手机端直接绑定hosts是需要越狱/root的有的手机浏览器根本不认hosts文件,如uc手机端的调试工具匮乏断点调试、查看变转载 2014-12-23 00:19:30 · 1574 阅读 · 0 评论 -
js iframe子页面与父页面通信
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同。一、同域下父子页面的通信父页面parent.html function say(){ alert("parent.html"); } function callChild(){转载 2014-12-21 17:35:05 · 653 阅读 · 0 评论 -
js 如何判断Javascript对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错。 举例来说,请考虑以下情况。 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下: if (myObj不存在){ 声明myObj; } 你可能会觉得,写出这段代码很容易。但是实际上,它涉及的语法问题,远比我们想象的复杂。Juri转载 2014-11-30 02:02:44 · 786 阅读 · 0 评论 -
js 时间戳和日期字符串相互转换
// 获取当前时间戳(以s为单位)var timestamp = Date.parse(new Date());timestamp = timestamp / 1000;//当前时间戳为:1403149534console.log("当前时间戳为:" + timestamp);// 获取某个时间格式的时间戳var stringTime = "2014-07-10 10:21:12";转载 2014-11-29 00:55:08 · 4471 阅读 · 0 评论 -
js 解析json数据(如何将json字符串转化为数组)
New Document var t="{'firstName': 'cyra', 'lastName': 'richardson', 'address': { 'streetAddress': '1 Microsoft way', 'city': 'Redmond', 'state': 'WA', 'postalCode': 98052 },'phoneNum转载 2014-11-29 00:56:25 · 909 阅读 · 0 评论 -
js 字符串转义
function coder(str) { var s = ""; if (str.length == 0) return ""; for (var i=0; i<str.length; i++) { switc转载 2015-01-19 10:56:32 · 885 阅读 · 0 评论 -
js 提交表单的方式 (Using JavaScript Submit Form)
最近做项目遇到用Javascript提交表单的问题, 之前也做过几次, 但是不够全面, 这次总结出了几种用JavaScript提交表单的方式, 并且对此作出了比较, 选出了一种最适合此项目的方式。 我目前正在为Sun Communication Suite做一个创建用户的小型系统,大家都知道我们可以通过表单,Ajax 和链接来访问服务器, 最简单的方法就是使用连接, 例如:转载 2015-01-23 14:09:17 · 1928 阅读 · 0 评论 -
html 查看html元素绑定的事件与方法的利器
WEB标准提倡结构、表现和行为相 分离,现在越来越多采用这种表现和行为的方式,但它也为我们开发调试带来一些问题,网页载入一堆JavaScript,,我们很难搞清楚最后在哪些元素的哪个动作绑定了事件,尤其是JavaScript加载事件的方式五花八门,可以透过jQuery、element.click = function() { }、element.addEventListener()…,很难由单一处找转载 2015-06-17 09:55:54 · 1761 阅读 · 0 评论 -
jquery Ajax 实例 ($.ajax、$.post、$.get)
Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。 推荐一篇不错的jQuery Ajax 实例文章,忘记了可以去看看,地址为:http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/jquery/$.post转载 2015-09-01 15:13:48 · 567 阅读 · 0 评论 -
js 解析json
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> var t="{'firstName': 'cyra', 'lastName': 'richardso转载 2015-08-31 17:17:11 · 747 阅读 · 0 评论 -
js submit方法与onsubmit事件
一.form的submit方法是否会触发onsubmit事件?测试代码如下:<html> <head> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <form id='myform' target="_top" action="http转载 2015-08-12 17:57:22 · 3318 阅读 · 0 评论 -
微信JS SDK Demo
微信JS-SDK 分享到朋友圈 分享给朋友 分享到QQ 拍照或从手机相册中选图 识别音频并返回识别结果 使用微信内置地图查看位置 原文:http://www.cnblogs.com/txw1958/p/weixin-js-sdk-demo.html 一、JS部分wx.ready(function () { // 1 判断当前版本是否支持指定 JS 接口,支持批量判断 document.qu转载 2015-08-25 18:54:29 · 762 阅读 · 0 评论 -
js 通过浏览器直接打开应用程序(IOS,Android)
实现效果如下图所示,在手机浏览器中访问京东的手机版网站(m.jd.com),顶部会有一个广告图,点击这个广告图,如果手机上已经安装了京东App,则直接打开,如果没有安装,则开始下载。实现方式1.为Android应用的启动Activity设置一个Schema,如下:<data android:host="splash" android:scheme="cundong"/>2.用户点击浏览器中的链接时,转载 2015-07-15 10:00:03 · 10886 阅读 · 1 评论 -
js 页面跳转整理
js方式的页面跳转1.window.location.href方式 <script language="javascript" type="text/javascript"> window.location.href="target.aspx"; </script>2.window.navigate方式跳转<script language="javascript转载 2015-07-15 09:53:09 · 1386 阅读 · 0 评论 -
html 表单提交的几种方法
最普通最常用最一般的方法就是用submit type..看代码:<form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"></form>另外,还有一种常用的方法是使用图片:<form name=”form” method=”post” action=”# ">转载 2015-07-06 15:20:10 · 1014 阅读 · 0 评论 -
js 通过className来获取元素
在网页中除了需要用id, name, tag等来获取元素外,也需要用css的class来获取。今天找了下资料,记录一下。原理: 用document.getElementsByTagName(‘*’);来获取所有元素,然后取得相同Class的元素。function getElementsByClassName(n) { var classElements = [],allElements =转载 2015-05-22 15:18:12 · 11089 阅读 · 0 评论 -
js 快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器。我们一步一步进入这个过程。一、简陋的获取图片方式// 图片地址 后面加时间戳是为了避免缓存var img_url = 'http://www.qttc.net/static/upload/2转载 2014-11-27 22:38:11 · 903 阅读 · 0 评论 -
js 网页获取手机屏幕宽度
sssssvar x = navigator;var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;var h = window.innerHeight || document.documentElement.clientHeight转载 2014-11-27 20:38:18 · 1138 阅读 · 0 评论 -
dom 编程(html和xml)
html dom与xml dom关系:什么是 DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:“W3C 文档对象模型 (DOM) 是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XM原创 2014-05-23 11:44:48 · 1347 阅读 · 0 评论 -
html 页面自动跳转的五种实现方法
下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的02view.html(根据自己需要自行修改)文件。 1)html的实现 优点:简单缺点:Struts Tiles中无法使用 2)javascript的实现 setTimeout("javascript:location.href='02view.htm转载 2014-06-13 18:36:43 · 1889 阅读 · 0 评论 -
javascript 寻找错误方法
这篇博客必须写了,它浪费我了一个上午的时间。为了以后能快速寻找到这方面的错误,节约更多的时间。情况是这样的:我写了一个后台管理系统是引用Marix Admin的,因为这个系统包含了很多很多框架,如jquery,bootstrap,还有它自身的框架系统marix,一大堆的js和css文件。你想引入外面的框架时,就会和原来的库文件产生冲突,还有就是书写的格式问题。针对上面两大问原创 2014-06-13 11:03:39 · 950 阅读 · 0 评论 -
javascript 小例子(待补充)
Document function figure1(){ var figure = money.value; var wushi = Math.floor(figure/50); var ershi = Math.floor(figure%50/20); var shiyuan = Math.floor(figure%50%20/10); var wuyuan原创 2014-05-29 22:15:49 · 986 阅读 · 0 评论 -
javascript 使用方式
第一种:内嵌在html节点中<input type="button" onclick="document.body.style.backgroundColor='lavender';"value="Change background color" />第二种:调用方法function ChangeBackground(){document.body.sty原创 2014-05-23 11:54:35 · 940 阅读 · 0 评论 -
web 前端开发规范文档
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小转载 2014-05-15 00:31:52 · 583 阅读 · 0 评论 -
javaScript 内置对象和浏览器对象
在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象。对象包含两个要素:1.用来描述对象特性的一组数据,也就是若干变量,通常称为属性。2.用来操作对象特性的若干动作,也就是若干函数,通常称为方法。浏览器对象对象含义anchor当前文档中设置了name属性的超链接applet当前文档中的小程序转载 2014-05-15 00:10:32 · 944 阅读 · 0 评论 -
javascript学习
1 运算符与表达式: 包装对象:数值,字符串,布尔值在给增加属性时会自动创建一个临时对象,即包装对象,而包装对象是只读的,其增加的属性并不会保存下来。可以通过String(),Number(),Boolean()构造函数显示创造包装对象。对数值,字符串,布尔值调用方法时也会自动创建一个临时对象,即包装对象,在用完后会自动销毁。---- undefin原创 2013-12-28 10:59:35 · 1144 阅读 · 0 评论 -
javascript 怎么操纵OGNL标签
吧ONGL标签放到html标签中,来操作html的标签就可以了例子代码:htmljavascript var categoryid = document.getElementById("categoryid").innerHTML;原创 2014-06-15 23:52:13 · 1058 阅读 · 0 评论 -
javascript 获取HTML DOM父,子,临近节点
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) documen转载 2014-06-16 00:04:51 · 2023 阅读 · 0 评论 -
javascript 动态判断html元素
在javascript中为了针对不同的元素执行不同的操作,需要在javascript中对触发事件的元素进行判断,然后执行不同的操作。例子:htmljavascript function getmetalid(input) { metalid = input.parentNode.parentNode.firstChild.innerHTML; if(inp原创 2014-06-16 00:19:43 · 2218 阅读 · 3 评论 -
js 动态获取图片的宽度和高度像素值
一、背景1、后台数据表在设计的时候,对于每张图片,没有记录其宽度和高度的像素值。2、图片的宽度和高度有不同的size,比如,A类型的图片是700*500像素,B类型的图片是700*1000像素3、在前台有一块700*500像素的固定大小的图片展示区,用于展示各种size的图片4、A类型的图片正常展示,B类型的图限高展示,即展示成350*500像素5、无法通过其他字段区分A类型图转载 2014-11-27 20:39:05 · 8162 阅读 · 0 评论 -
html 表单form相关知识
在Javascript 中,页面上的每一对 标记都解析为一个对象,即form 对象。可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合。如果一个表单对象定义如下:form name="frm1" method="post" action="login.aspx">获得该表单对象的方法:转载 2014-10-19 11:15:11 · 723 阅读 · 0 评论 -
javascript 获取鼠标所点击的对象
event.srcElement就是指向触发事件的元素,他是什么就有什么的属性srcElement 是事件初始目标的html元素对象引用,因为事件通过元素容器层次冒泡,可以在任一层进行处理,所以由一个属性指向产生初始事件的元素是很有帮助的.有了元素的引用,就可以读/写改元素的属性,并调用他的任何方法.例:显示鼠标所点击的对象名称(tagName)function b转载 2014-08-08 17:02:51 · 5458 阅读 · 1 评论 -
javaScript中的单引号和双引号解决
在使用JavaScript显示消息或者传递字符数据的时候,经常会碰到数据中夹杂单引号(')或者双引号("),这种语句往往会造成JavaScript报错。对此一般采用/'或者/"的解决。例如:[javascript] view plaincopyAlert("this is test "message"!"); Alert('th转载 2014-08-08 15:15:17 · 1327 阅读 · 0 评论 -
html javascript jsp之间变量值的互相读取
javascript html相互读取javascript-->html:举个例子: 网页陶吧同一页面内的引用方法:1、使用id: link1.href,返回值为http://homepage.yesky.com2、使用name: document.all.linkname1.href,返回值为http://homepage.yesky.com3、原创 2014-05-16 18:02:04 · 10328 阅读 · 0 评论 -
javascript 获取当前对象
请教编写testGet()函数获取这个超链接href属性,限制如下不能用document.getElementById();document.getElementsByName();document.getElementsByTagName();就是要获得哪个被点击的标签自身的对象testfunction testGet(e){ var e = wind原创 2014-08-08 13:43:19 · 1148 阅读 · 0 评论 -
javascript 点击<a></a>标签时 不进行跳转页面的做法
function check(){if (confirm("真的要跳转吗?"))return true;else return false;}这个链接需要确认这样在点击链接的时候会弹出一个对话框,来确认是否需要跳转另外如果不需要a链接的href属性,只是想出发onclick时间的话,可以写 #会滚动到页面顶部或者转载 2014-08-08 13:37:08 · 1950 阅读 · 0 评论