javascript
关注
分享
扫一扫
文章平均质量分 85
lzhw1985
这个作者很懒，什么都没留下…
展开
-
判断 iframe 是否加载完成的完美方法
一般来说，我们判断 iframe 是否加载完成其实与 判断 JavaScript 文件是否加载完成 采用的方法很类似：var iframe = document.createElement("iframe");iframe.src ="http://www.planabc.net";if(!/*@cc_on!@*/0){//if not IE iframe.onload...原创 2014-11-12 16:53:58 · 316 阅读 · 0 评论 -
JavaScript的继承机制
首先是父类:function ClassA(sColor) {this.color = sColor;this.sayColor = function () {alert(this.color);};}复制代码第一种方式:对象冒充function ClassB(sColor, sName) {this.newMethod = ClassA; ...原创 2014-03-14 13:16:09 · 119 阅读 · 0 评论 -
JavaScript中创建对象的几种方式
前言： 随着web 2.0 的兴起（最具代表性的是Ajax技术了），javascript不再是程序员眼中的“玩具语言”。 编程在不断的简化，可是“用户体验、性能、兼容性、可扩展......”要求却在不断提高，随之涌现出Prototype、jQuery、ExtJs、Dojo等优秀的框架（类库），大大简化了web开发。 越来越多的人开始深入研究和使用javascript，...原创 2014-03-10 15:42:48 · 107 阅读 · 0 评论 -
jquery cookie用法(获取cookie值,删除cookie)
[导读] cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。使用...原创 2014-05-16 14:27:51 · 599 阅读 · 0 评论 -
跨域访问Jquery实现
跨域访问js实现。环境：.net3.5+Jquery+JSON.net因为在跨域实现，所以这里新建网站，这个网站只需要：（1） Customer类public class Customer{ public int Unid { get; set; } public string CustomerName { get; set; } public ...原创 2013-08-08 11:00:55 · 100 阅读 · 0 评论 -
javascript date.parse
alert("Date: " +Date.parse( "2000-01-01" )) // On IE : "Date: NaN" //Mozilla: 可以。但是时间显示出来跟下面稍有区别" Date: 946684800000" alert("Date: " +Date.parse( "01-01-2000" )) // On IE: "Date: 9原创 2013-02-22 14:07:27 · 147 阅读 · 0 评论 -
js 字符串日期 yyyy-MM-dd 转化为 date
遇到一个需要把日期字符串（如：2009-02-03）转换成Javascript中日期对象Date， 直接进主题：创建一个日期对象：var objDate=new Date([arguments list]); 参数形式有以下５种：view plainnew Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyy...原创 2013-02-21 16:24:55 · 163 阅读 · 0 评论 -
JS操作iframe
1. 获得iframe的window对象存在跨域访问限制。chrome：iframeElement. contentWindow firefox： iframeElement.contentWindow ie6：iframeElement.contentWindow文章Iframes, onload, and document.domain中说“he iframe elem...原创 2012-12-25 14:31:38 · 99 阅读 · 0 评论 -
Js获取当前日期时间及其它操作
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDat...原创 2012-12-25 14:21:59 · 107 阅读 · 0 评论 -
jQuery中鲜为人知的的几个方法
jQuery近些年来仍旧是web开发中最受欢迎的类库，虽然大家褒贬不一，但是仍旧不失为一款最流行的Javascript，在今天这篇文章中，我们将介绍几个jQuery的相关方法，无论你是入门级极客或者骨灰级极客，可能都会忽略这些方法的使用。希望大家会觉得有帮助！在事件中return false可能大家在编写事件相关代码的时候，有时候会使用return false语句，代码如下：$("a")...原创 2014-08-08 11:15:58 · 133 阅读 · 0 评论 -
9 个用来加速 HTML5 应用的方法
Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能，而 HTML5 的很多新特性可以实现，让用户有着更好的体验，在这里我们整理了 9 种简单易于实现的 HTML5 技巧，或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型，虽然并不是所有的浏览器都支持，但它们的确都很有用：autofocus 使得页面加载完毕后自动为某个输...原创 2014-08-08 11:16:37 · 134 阅读 · 0 评论 -
实时监听输入框值变化的完美方案：oninput & onpropertychange
在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话，监听不了右键的复制、剪贴和粘贴这些操作，处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案：结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。 ...原创 2014-08-08 11:17:50 · 190 阅读 · 0 评论 -
嵌入式iframe子页面与父页面js通信方式
iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接，有明显不同的通信方式，同域下的数据交换和DOM元素互访就简单的多了，而跨域的则需要一些巧妙的方式来实现通信。一、同域下父子页面的通信父页面 parent.html<html><head><script type="text/javascrip...原创 2014-11-12 16:53:27 · 245 阅读 · 0 评论 -
HTML5超酷秒表动画 可暂停和重置秒表
关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了，还有一些HTML5的日期选择应用。今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画，秒表可以精确到0.001秒，并且可以在计时过程中暂停计时，同时秒表可以随时重置。在线演示下面来分析一下实现的源代码，主要由HTML和CSS代码组成，CSS相对比较复杂，因为涉及到动画。HTML代码：<input...原创 2014-10-13 14:24:58 · 525 阅读 · 0 评论 -
js 获取本周的日期
function formOnload(){//按周日为一周的最后一天计算 var date = new Date(); var this_day = date.getDay(); //今天是这周的第几天 var step_s = -this_day+1; //上周日距离今天的天数（负数表示）if (this_day == 0) { step_s = -7; // 如...原创 2014-10-13 14:22:50 · 207 阅读 · 0 评论 -
常用排序算法之JavaScript实现
笔试面试经常涉及各种算法，本文简要介绍常用的一些算法，并用JavaScript实现。一、插入排序1）算法简介插入排序（Insertion-Sort）的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。插入排序在实现上，通常采用in-place排序（即只需用到O(1)的额外空间的排序），因而在从后向前扫描过...原创 2014-09-02 10:56:52 · 169 阅读 · 0 评论 -
css box-shadow 產生陰影效果或光暈效果的特性
說明：元素 ( elements ) 的 box 呈現陰影或光暈的效果。可指定陰影的位移距離、顏色、模糊程度、擴散程度，也支援內陰影，甚至多層次堆疊的陰影。運用這個 css level 3 ( css 3) 的特性 ( css property ) ，讓我們可以很輕鬆就能呈現迷人的視覺效果，而不需要煩瑣地一張一張製作圖片。更具意義的是，產生的陰影不會對版面編排造成影響。適合：有 html ...原创 2014-08-29 22:04:21 · 824 阅读 · 0 评论 -
文本域(textarea)的高度自适应实现两法
随着HTML5的即将退出，相信大家对页面更加人性化有了一定的期待，这里我介绍两种方法，让你的textarea能够实现根据内容自动调整高度，让你的页面也炫起来！方法一，使用JS自动调整<textarea name="mytextarea" cols="80" style="overflow-y:hidden;height:80px;" onpropertychange...原创 2014-08-29 22:02:38 · 416 阅读 · 0 评论 -
jquery cookie的用法
jQuery cookie是个很好的cookie插件，大概的使用方法如下example $.cookie(’name’, ‘value’);设置cookie的值，把name变量的值设为valueexample $.cookie(’name’, ‘value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});新建一个coo...原创 2014-08-15 10:45:11 · 119 阅读 · 0 评论 -
Webkit内核浏览器下搜索框大小及文字下沉问题
问题如下图所示（Safari或者Chrome等基于Webkit核心的浏览器）：由于很少使用基于Webkit内核的浏览器，比如Safari和Chrome什么的，以至于自己一直没有很好的重视这个问题，今天Prouz提出了这个问题，于是我便开始研究，但是随着研究的深入，发现问题也越来越多。首先是在Webkit内核浏览器下搜索框特有的样式，通过Google的开发人员工具结合网上搜索发现这么一...原创 2014-08-08 11:20:29 · 439 阅读 · 0 评论 -
A标签执行JS脚本
前言A标签是html中常用的标签，它与button按钮是实现页面跳转的两种最常用的方式，经常在开发中我们更喜欢使用A标签，它们两者可以相互替换，但他们在执行js脚本时有着细微的区别。使用A标签执行JS脚本的几种方式1、href="javascript:js_method();"这是我们最常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为...原创 2013-06-20 17:22:34 · 119 阅读 · 0 评论 -
HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总<audio> 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码 <audio id="media" src="http://ww...原创 2012-09-06 11:11:07 · 112 阅读 · 0 评论 -
JavaScript获取HTML DOM节点元素的方法的总结
在Web应用程序特别是Web2.0程序开发中，经常要获取页面中某个元素，然后更新该元素的样式、内容等。如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结（以下方法在IE7和Firefox2.0.0.11测试通过）： 1. 通过顶层document节点获取： （1） document....原创 2011-03-18 17:38:31 · 84 阅读 · 0 评论 -
javascript图片滚动[1]：无缝横向滚动最简单版
图片（或文字块）滚动效果，是javascript非常常见的应用，无缝滚动又是滚动效果中最基础的例子。实现无缝滚动的方法很多，现在我先讲一种最基础最常用的例子。示例网页在此。首先要有最基本的HTML结构：scroller里除了本来应该有的用来装内容的begin,还有一个空的end，这是为什么呢？所以要先讲一个最简单的无缝滚动的实现原理：...原创 2011-03-18 17:36:25 · 206 阅读 · 0 评论 -
javascript图片滚动效果[2]：横向滚动无复制版
注:这篇文章写一个无复制版的图片滚动效果,而有复制版的见这里.图片无缝滚动是一个很初级的javascript效果，要实现它得首先写好HTML。它的基本HTML结构如下:图片1图片2图片3图片4图片5啊5HTML讲解:外层一个主容器,内层一个图片容器.例子中是UL与LI,这个也可以自定义,但一定要有双层容器.因为运动的时候外层当然是不动的,动的是内...原创 2011-03-18 17:30:06 · 115 阅读 · 0 评论 -
多行滚动jQuery循环新闻列表代码
多行滚动jQuery循环新闻列表代码ul,li{margin:0;padding:0}#scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}#scrollDiv li{height:25px;paddi...原创 2011-03-18 17:28:49 · 168 阅读 · 0 评论 -
js(javascript)实现的列表文字上下滚动并加定高定宽停顿效果
var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id;};var Class = { create: function() { return function() { this.initiali...原创 2011-03-18 17:28:05 · 167 阅读 · 0 评论 -
Javascript将字符串转换成xml并取节点值、属性值在文本框中
字符串转xml初始化文本框 xml数据item节点1的值用户名：密码：从xml属性中取得的性别值：xml数据item节点2的值用户名：密码：从xml属性中取得的性别值： /** 字符串返回xml对象* @param str:xml字符串* ----------------------* 程序编写：李建...原创 2011-03-18 17:22:50 · 242 阅读 · 0 评论 -
JavaScript解析XML的方法总结
最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。 我的xml文件Login.xml如下：＜?xml version="1.0" encoding="utf-8" ?＞＜Login＞＜Character＞＜C...原创 2011-03-18 17:21:20 · 101 阅读 · 0 评论 -
利用ScriptEngine实现简单公式的计算
Javascript中的eval函数功能十分强大，可以执行字符串组成的代码，这是众人皆知的。那么Java中如何实现这样的功能吗？用它吧——ScriptEngine！Java 1.6提供了ScriptEngine接口，使得我们可以调用脚本引擎。Java代码 public static boolean calcVP(String formula, double actVal) { ...原创 2011-04-25 11:08:57 · 942 阅读 · 0 评论 -
JavaScript初学者应注意的七个细节
每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。一、简化代码JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： var car = new Object(...原创 2011-03-18 17:39:44 · 92 阅读 · 0 评论 -
JavaScript 的命名空间
JavaScript 的命名空间并不是真正的命名空间, 只是在脚本内部创建一个封闭的小空间, 必须通过特定的空间名称才能对空间内部的代码进行访问, 这样可以防止同名函数和变量发生冲突, 也可以更方便地管理代码, 就像 .NET 的命名空间 (namespace) 和 Java 的包 (package) 一样.为什么需要命名空间?1. JavaScript 是不会禁止你重复定义函数和...原创 2011-12-14 16:30:17 · 91 阅读 · 0 评论 -
JavaScript 初始化装载方法
说到 JavaScript 的初始化装载, 可能 onload 是被立刻想到的方法. 但很遗憾, 这是最坏的选择, 我以前也一直犯过这样的错误. 为什么说它不好呢? 因为 onload 不是在 document 加载完成的时候调用的, 而是在页面所有元素 (包括图片等) 全部加载完成才会调用. 也就是说, 如果你的页面上有个尺寸很大的图片, 下载需要很长时间, 那么你的脚本就一直不能被初始化, 直...原创 2011-12-14 16:33:10 · 96 阅读 · 0 评论 -
eval解析JSON中的注意点
在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式：1.一种为使用eval()函数。2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，...原创 2012-09-06 11:10:41 · 84 阅读 · 0 评论 -
getElementsByClassName的原生实现
DOM 提供了一个名为 getElementById() 的方法，这个方法将返回一个对象，这个对象就是参数 id 所对应的元素节点。另外，getElementByTagName() 方法会返回一个对象的数组，每一个对象分别对应着文档里有给定标签的一个元素。这个方法的参数是 html 标签的名字。现在我们考虑一个问题，能不能通过标签的类名class name来获取该对象呢？下面是这个猜想的程序...原创 2012-08-16 14:29:12 · 145 阅读 · 0 评论 -
学习资源：如何开启WebGL
最近发现很多朋友无法运行HTML5的一些应用或游戏，经询问得知，大部分因为浏览器的WebGL没有开启所导致，那么我们如何开启WebGL呢？ 1、哪些浏览器支持WebGL要运行WebGL，你必须有一个支持它的浏览器，比如：Google Chrome 9+Mozilla Firefox 4+Safari 5.1+（仅限于Mac OS X操作系统，不包括Windows操作系统；那么这种...原创 2012-04-11 15:39:03 · 393 阅读 · 0 评论 -
video audio标签
在以前，网页没有显示视频的一个标准，所以基本都要借助插件来实现视频的播放，插件过多或者插件自身问题，很容易引起浏览器的假死，造成用户体验不佳。html5 video标签的出现改变了这一局面，可以让用户在不用安装任何插件的情况下轻松的观看视频。 vedio和audio的使用技巧基本相同，本文仅以vedio作示例。先引用一段别人 在以前，网页...原创 2012-03-29 10:38:01 · 430 阅读 · 0 评论 -
html5学习-video audio标签
html5学习-video audio标签时间:2012-01-11 08:17来源:博客园 作者:walker石 点击:196次在以前，网页没有显示视频的一个标准，所以基本都要借助插件来实现视频的播放，插件过多或者插件自身问题，很容易引起浏览器的假死，造成用户体验不佳。html5 video标签的出现改变了这一局面，可以让用户在不用安装任何插件的情况下轻松的观看视频。 v...原创 2012-03-29 09:41:20 · 223 阅读 · 0 评论 -
JavaScript解析Json(转)
JSON（JavaScriptObject Notation）一种简单的数据格式，比xml更轻巧。JSON是JavaScript原生格式，这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单：对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’对”之间使用...原创 2012-01-13 10:55:21 · 101 阅读 · 0 评论 -
JSON解析
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。...原创 2012-01-13 10:53:36 · 81 阅读 · 0 评论