![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 271 阅读 · 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 · 94 阅读 · 0 评论 -
JavaScript中创建对象的几种方式
前言: 随着web 2.0 的兴起(最具代表性的是Ajax技术了),javascript不再是程序员眼中的“玩具语言”。 编程在不断的简化,可是“用户体验、性能、兼容性、可扩展......”要求却在不断提高,随之涌现出Prototype、jQuery、ExtJs、Dojo等优秀的框架(类库),大大简化了web开发。 越来越多的人开始深入研究和使用javascript,...原创 2014-03-10 15:42:48 · 89 阅读 · 0 评论 -
jquery cookie用法(获取cookie值,删除cookie)
[导读] cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法。 使用JQuery操作cookie时 发生取的值不正确的问题:结果发现cookie有四个不同的属性: 名cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的一些问题,然后介绍正确的使用方法。使用...原创 2014-05-16 14:27:51 · 564 阅读 · 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 · 84 阅读 · 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 · 125 阅读 · 0 评论 -
js 字符串日期 yyyy-MM-dd 转化为 date
遇到一个需要把日期字符串(如:2009-02-03)转换成Javascript中日期对象Date, 直接进主题:创建一个日期对象:var objDate=new Date([arguments list]); 参数形式有以下5种:view plainnew Date("month dd,yyyy hh:mm:ss");new Date("month dd,yyy...原创 2013-02-21 16:24:55 · 149 阅读 · 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 · 80 阅读 · 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 · 89 阅读 · 0 评论 -
jQuery中鲜为人知的的几个方法
jQuery近些年来仍旧是web开发中最受欢迎的类库,虽然大家褒贬不一,但是仍旧不失为一款最流行的Javascript,在今天这篇文章中,我们将介绍几个jQuery的相关方法,无论你是入门级极客或者骨灰级极客,可能都会忽略这些方法的使用。希望大家会觉得有帮助!在事件中return false可能大家在编写事件相关代码的时候,有时候会使用return false语句,代码如下:$("a")...原创 2014-08-08 11:15:58 · 114 阅读 · 0 评论 -
9 个用来加速 HTML5 应用的方法
Web 开发者经常在找一些新的方法来不断的提升页面的速度和性能,而 HTML5 的很多新特性可以实现,让用户有着更好的体验,在这里我们整理了 9 种简单易于实现的 HTML5 技巧,或许可以对你有所帮助。1. 使用 HTML5 表单和输入框HTML5 引入很多全新的表单属性和输入框类型,虽然并不是所有的浏览器都支持,但它们的确都很有用:autofocus 使得页面加载完毕后自动为某个输...原创 2014-08-08 11:16:37 · 118 阅读 · 0 评论 -
实时监听输入框值变化的完美方案:oninput & onpropertychange
在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测的话,监听不了右键的复制、剪贴和粘贴这些操作,处理组合快捷键也很麻烦。因此这篇文章向大家介绍一种完美的解决方案:结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。 ...原创 2014-08-08 11:17:50 · 158 阅读 · 0 评论 -
嵌入式iframe子页面与父页面js通信方式
iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链接还是跨域链接,有明显不同的通信方式,同域下的数据交换和DOM元素互访就简单的多了,而跨域的则需要一些巧妙的方式来实现通信。一、同域下父子页面的通信父页面 parent.html<html><head><script type="text/javascrip...原创 2014-11-12 16:53:27 · 203 阅读 · 0 评论 -
HTML5超酷秒表动画 可暂停和重置秒表
关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了,还有一些HTML5的日期选择应用。今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画,秒表可以精确到0.001秒,并且可以在计时过程中暂停计时,同时秒表可以随时重置。在线演示下面来分析一下实现的源代码,主要由HTML和CSS代码组成,CSS相对比较复杂,因为涉及到动画。HTML代码:<input...原创 2014-10-13 14:24:58 · 471 阅读 · 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 · 172 阅读 · 0 评论 -
常用排序算法之JavaScript实现
笔试面试经常涉及各种算法,本文简要介绍常用的一些算法,并用JavaScript实现。一、插入排序1)算法简介插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排序(即只需用到O(1)的额外空间的排序),因而在从后向前扫描过...原创 2014-09-02 10:56:52 · 142 阅读 · 0 评论 -
css box-shadow 產生陰影效果或光暈效果的特性
說明:元素 ( elements ) 的 box 呈現陰影或光暈的效果。可指定陰影的位移距離、顏色、模糊程度、擴散程度,也支援內陰影,甚至多層次堆疊的陰影。運用這個 css level 3 ( css 3) 的特性 ( css property ) ,讓我們可以很輕鬆就能呈現迷人的視覺效果,而不需要煩瑣地一張一張製作圖片。更具意義的是,產生的陰影不會對版面編排造成影響。適合:有 html ...原创 2014-08-29 22:04:21 · 693 阅读 · 0 评论 -
文本域(textarea)的高度自适应实现两法
随着HTML5的即将退出,相信大家对页面更加人性化有了一定的期待,这里我介绍两种方法,让你的textarea能够实现根据内容自动调整高度,让你的页面也炫起来!方法一,使用JS自动调整<textarea name="mytextarea" cols="80" style="overflow-y:hidden;height:80px;" onpropertychange...原创 2014-08-29 22:02:38 · 376 阅读 · 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 · 100 阅读 · 0 评论 -
Webkit内核浏览器下搜索框大小及文字下沉问题
问题如下图所示(Safari或者Chrome等基于Webkit核心的浏览器):由于很少使用基于Webkit内核的浏览器,比如Safari和Chrome什么的,以至于自己一直没有很好的重视这个问题,今天Prouz提出了这个问题,于是我便开始研究,但是随着研究的深入,发现问题也越来越多。首先是在Webkit内核浏览器下搜索框特有的样式,通过Google的开发人员工具结合网上搜索发现这么一...原创 2014-08-08 11:20:29 · 404 阅读 · 0 评论 -
A标签执行JS脚本
前言A标签是html中常用的标签,它与button按钮是实现页面跳转的两种最常用的方式,经常在开发中我们更喜欢使用A标签,它们两者可以相互替换,但他们在执行js脚本时有着细微的区别。使用A标签执行JS脚本的几种方式1、href="javascript:js_method();"这是我们最常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为...原创 2013-06-20 17:22:34 · 96 阅读 · 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 · 88 阅读 · 0 评论 -
JavaScript获取HTML DOM节点元素的方法的总结
在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶层document节点获取: (1) document....原创 2011-03-18 17:38:31 · 68 阅读 · 0 评论 -
javascript图片滚动[1]:无缝横向滚动最简单版
图片(或文字块)滚动效果,是javascript非常常见的应用,无缝滚动又是滚动效果中最基础的例子。实现无缝滚动的方法很多,现在我先讲一种最基础最常用的例子。示例网页在此。首先要有最基本的HTML结构:scroller里除了本来应该有的用来装内容的begin,还有一个空的end,这是为什么呢?所以要先讲一个最简单的无缝滚动的实现原理:...原创 2011-03-18 17:36:25 · 184 阅读 · 0 评论 -
javascript图片滚动效果[2]:横向滚动无复制版
注:这篇文章写一个无复制版的图片滚动效果,而有复制版的见这里.图片无缝滚动是一个很初级的javascript效果,要实现它得首先写好HTML。它的基本HTML结构如下:图片1图片2图片3图片4图片5啊5HTML讲解:外层一个主容器,内层一个图片容器.例子中是UL与LI,这个也可以自定义,但一定要有双层容器.因为运动的时候外层当然是不动的,动的是内...原创 2011-03-18 17:30:06 · 101 阅读 · 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 · 153 阅读 · 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 · 132 阅读 · 0 评论 -
Javascript将字符串转换成xml并取节点值、属性值在文本框中
字符串转xml初始化文本框 xml数据item节点1的值用户名:密码:从xml属性中取得的性别值:xml数据item节点2的值用户名:密码:从xml属性中取得的性别值: /** 字符串返回xml对象* @param str:xml字符串* ----------------------* 程序编写:李建...原创 2011-03-18 17:22:50 · 214 阅读 · 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 · 81 阅读 · 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 · 881 阅读 · 0 评论 -
JavaScript初学者应注意的七个细节
每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。一、简化代码JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: var car = new Object(...原创 2011-03-18 17:39:44 · 77 阅读 · 0 评论 -
JavaScript 的命名空间
JavaScript 的命名空间并不是真正的命名空间, 只是在脚本内部创建一个封闭的小空间, 必须通过特定的空间名称才能对空间内部的代码进行访问, 这样可以防止同名函数和变量发生冲突, 也可以更方便地管理代码, 就像 .NET 的命名空间 (namespace) 和 Java 的包 (package) 一样.为什么需要命名空间?1. JavaScript 是不会禁止你重复定义函数和...原创 2011-12-14 16:30:17 · 73 阅读 · 0 评论 -
JavaScript 初始化装载方法
说到 JavaScript 的初始化装载, 可能 onload 是被立刻想到的方法. 但很遗憾, 这是最坏的选择, 我以前也一直犯过这样的错误. 为什么说它不好呢? 因为 onload 不是在 document 加载完成的时候调用的, 而是在页面所有元素 (包括图片等) 全部加载完成才会调用. 也就是说, 如果你的页面上有个尺寸很大的图片, 下载需要很长时间, 那么你的脚本就一直不能被初始化, 直...原创 2011-12-14 16:33:10 · 76 阅读 · 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 · 68 阅读 · 0 评论 -
getElementsByClassName的原生实现
DOM 提供了一个名为 getElementById() 的方法,这个方法将返回一个对象,这个对象就是参数 id 所对应的元素节点。另外,getElementByTagName() 方法会返回一个对象的数组,每一个对象分别对应着文档里有给定标签的一个元素。这个方法的参数是 html 标签的名字。现在我们考虑一个问题,能不能通过标签的类名class name来获取该对象呢?下面是这个猜想的程序...原创 2012-08-16 14:29:12 · 118 阅读 · 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 · 349 阅读 · 0 评论 -
video audio标签
在以前,网页没有显示视频的一个标准,所以基本都要借助插件来实现视频的播放,插件过多或者插件自身问题,很容易引起浏览器的假死,造成用户体验不佳。html5 video标签的出现改变了这一局面,可以让用户在不用安装任何插件的情况下轻松的观看视频。 vedio和audio的使用技巧基本相同,本文仅以vedio作示例。先引用一段别人 在以前,网页...原创 2012-03-29 10:38:01 · 409 阅读 · 0 评论 -
html5学习-video audio标签
html5学习-video audio标签时间:2012-01-11 08:17来源:博客园 作者:walker石 点击:196次在以前,网页没有显示视频的一个标准,所以基本都要借助插件来实现视频的播放,插件过多或者插件自身问题,很容易引起浏览器的假死,造成用户体验不佳。html5 video标签的出现改变了这一局面,可以让用户在不用安装任何插件的情况下轻松的观看视频。 v...原创 2012-03-29 09:41:20 · 192 阅读 · 0 评论 -
JavaScript解析Json(转)
JSON(JavaScriptObject Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包。JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用...原创 2012-01-13 10:55:21 · 81 阅读 · 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 · 67 阅读 · 0 评论