JavaScript - 随笔分类(第12页) - 草率的龙果果

JavaScript脚本可以放在网页的head里或者body部分，而且效果也不相同。

摘要：Body里的JavaScript放在body部分的JavaScript脚本在网页读取到该语句的时候就会执行，例如：<html><body><script type="text/JavaScript"></script></body>Head里的JavaScript在head部分的脚本在被调用的时候才会执行，例如：<html><head><script type="text/ 阅读全文

posted @ 2012-09-28 13:21 草率的龙果果阅读(2886) 评论(0) 推荐(0) 编辑

jquery 实现loading

摘要：jquery实现遮罩层，jQuery loading, 技术交流QQ群：15129679 阅读全文

posted @ 2012-09-05 11:30 草率的龙果果阅读(2940) 评论(0) 推荐(1) 编辑

form表单回车提交问题

摘要：我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。要控制这些行为，不需要借助JS，浏览器已经帮我们做了这阅读全文

posted @ 2012-08-29 18:09 草率的龙果果阅读(19854) 评论(0) 推荐(3) 编辑

button,input type=button按钮在IE和w3c，firefox浏览器区别

摘要：当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。但是在W3C浏览器，如Firefox下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。大爷的啊，由于没有认真看过w3c规范，nnd今天用Firefox测试时尽然执行到了onsubmit事件中，调了半天，原来是在IE和Firefox的表现不同，晕死。。。测试代码如下，在IE浏览器下，点击2个按钮都无反应。但是在W3C浏览器，如Firefox，google的chrome，点击button标签按钮会... 阅读全文

posted @ 2012-08-29 14:33 草率的龙果果阅读(2354) 评论(0) 推荐(0) 编辑

获取js数组元素的最大值和最小值

摘要：var array = [10,2,3,4,5,6,30,8,9]; document.write('max:'); document.write(Math.max.apply(null,array)); document.write('<br>'); document.write('min:'); document.write(Math.min.apply(null,array)); 阅读全文

posted @ 2012-08-25 11:26 草率的龙果果阅读(1576) 评论(0) 推荐(0) 编辑

jquery ajax封装,

摘要：最近做项目老用ajax,单个的写eval这个就把人整的烦的很，所以简单的对jquery的ajax简单的封装 $.extend($, { /* *ajax调用封装，返回json。并且显示一个状态图片. * handle 服务路径 * data一般为js对象 * callback 回调函数 */ MyAjax: function(url, data, callback) { MyLoading(tr... 阅读全文

posted @ 2012-08-24 13:16 草率的龙果果阅读(444) 评论(0) 推荐(0) 编辑

动态加载javascript

摘要：/**title:动态加载script文件*description:动态加载scrip*time：2012-05-16*/function load_script(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if (script.readyState) { //IE script.onreadystatechange = function() { if (script.readyState... 阅读全文

posted @ 2012-08-10 14:17 草率的龙果果阅读(224) 评论(0) 推荐(0) 编辑

jquery图片滚动

摘要：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>图片滚动</title><style type="text/css">#bannerScoll {position:relative; width:900px; height:200px; border:3px solid #B8E466; overfl 阅读全文

posted @ 2012-07-06 13:24 草率的龙果果阅读(461) 评论(1) 推荐(0) 编辑

[Javascript] 在客户端实时显示服务器的时间

只有注册用户登录后才能阅读该文。

posted @ 2012-06-25 17:09 草率的龙果果阅读(24) 评论(0) 推荐(1) 编辑

setTimeout 和 setInterval 的区别

摘要：setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次用setTimeout实现的自动变化显示随机数的效果:<html><head><script>window.onload=sett;functionsett(){document.body.innerHTML=Math.random();setTimeout("sett()",500);}</script></head><body></body></html>[setIn 阅读全文

posted @ 2012-06-14 15:23 草率的龙果果阅读(255) 评论(0) 推荐(0) 编辑

iFrame高度自适应解决方案

摘要：web开发的工作中我们难免会遇到使用iFrame这个标签，有时候iFrame的高度我们要让它自动的去适应内容的高度，防止出现滚动条，利于页面的美化。这里示例个使用JavaScript使iFrame自动适应高度的方法。Default页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.o 阅读全文

posted @ 2012-06-14 14:04 草率的龙果果阅读(265) 评论(0) 推荐(0) 编辑

javascript <![CDATA[的web标准使用方法

摘要：javascript <![CDATA[的web标准使用方法根据W3C XHTML 1.0的规定：在XHTML中，因为<和&这两个符号有特殊意义（小于号用于标签的开始标记），所以这两个符号<和&需要转义成<和&。比如下面的XHTML标准模式代码是错误，因为未使用转义字符（保存为itworks.xhtml文件，用firefox打开）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/T 阅读全文

posted @ 2012-06-04 16:38 草率的龙果果阅读(292) 评论(0) 推荐(0) 编辑

javascript将目标另存为

摘要：var curfile = window.open(sURL); curfile.document.execCommand('Saveas', true, name) curfile.close(); 阅读全文

posted @ 2012-05-25 14:17 草率的龙果果阅读(484) 评论(0) 推荐(0) 编辑

JavaScript substr() 和 substring() 方法的区别

摘要：JavaScript substr() 和 substring() 方法的区别substr 方法返回一个从指定位置开始的指定长度的子字符串。stringvar.substr(start [, length ])参数stringvar必选项。要提取子字符串的字符串文字或 String 对象。start必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。length可选项。在返回的子字符串中应包括的字符个数。说明如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到 stringvar 的最后。示例下面的示例演示了substr 方法的用法。f 阅读全文

posted @ 2012-05-24 16:55 草率的龙果果阅读(267) 评论(0) 推荐(0) 编辑

div内的button的click会触发两次(防止事件冒泡)

摘要：<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>阻止事件冒泡 </title> <script type="text/javascript"> function SayHello(e) { alert("Hello World"); e = window.event || e; if (e.stopPropagation) { ... 阅读全文

posted @ 2012-05-15 09:22 草率的龙果果阅读(7201) 评论(1) 推荐(0) 编辑

JQuery实现ajax批量上传图片

摘要：如果不适合放首页，请管理员早撤，谢谢！在网上搜索了一下，发现以jquery+ajax方式实现单张图片上传的代码是有的，但实现批量上传图片的程序却没搜索到，于是根据搜索到的代码，写了一个可以批量上传的。先看效果图点击增加按钮，会增加一个选择框，如下图：选择要上传的图片，效果图如下：上传成功如下图：下面来看代码：前台html主要代码：<button id="SubUpload" class="ManagerButton" onClick="TSubmitUploadImageFile();return false;">确定上阅读全文

posted @ 2012-05-08 13:40 草率的龙果果阅读(1106) 评论(1) 推荐(1) 编辑

<img/>标签onerror事件在IE下的bug和解决方法

摘要：IE下打开网页时，会弹出“Stack overflow at line: 0”的弹框。经分析，这个bug是由于img标签的onerror事件引起的。程序中用到的代码片段如下：正常情况下显示src所指路径的图片，加载失败时显示通过img标签的onerror事件显示另一张图片，问题就出现在了这里，当另一张图片也不存在时，就造成了循环触发onerror事件，在IE下就会弹出“stack overflow”的弹框。<img src="http://img1.soufunimg.com/agents/2011_01/08/62/78/sh/houseinfo/408971808300 阅读全文

posted @ 2012-04-18 11:18 草率的龙果果阅读(400) 评论(0) 推荐(0) 编辑

用 document.readyState == "complete" 判断页面是否加载完成。

摘要：function MyLoading(falg) { var loading = "<div id='dlading' style='position:absolute;left:0;width:100%;height:100%;top:0;background:#FFFFFF;opacity:0.8;filter:alpha(opacity=90);'>"; loading += "<div style='border:2px solid #B7CDFC;position:absolute;cursor: 阅读全文

posted @ 2012-04-13 09:43 草率的龙果果阅读(3778) 评论(0) 推荐(0) 编辑

介绍 JSON

摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。JSON建构于两种结构：“名称/值”对的集合（A collection of 阅读全文

posted @ 2012-04-07 09:22 草率的龙果果阅读(223) 评论(0) 推荐(0) 编辑

IE6解决png透明

摘要：function correctPNG() { for(var i=0; i<document.images.length; i++) { var img = document.images[i] var imgName = img.src.toUpperCase() if (imgName.substring(imgName.length-3, imgName.length) == "PNG") { var imgID = (img.id) ? "id='" + img.id + "' " : "&q 阅读全文

posted @ 2011-10-15 14:07 草率的龙果果阅读(205) 评论(0) 推荐(1) 编辑

随笔分类 - JavaScript