- 浏览: 204692 次
文章分类
- 全部博客 (224)
- jsp (5)
- jsf (7)
- web (11)
- js (12)
- COBOL (5)
- php (7)
- jconsole (1)
- java (11)
- ajax (1)
- PHP魔法方法 (1)
- 项目管理工具 (3)
- 项目管理 (2)
- svn (8)
- redmine (1)
- mysql (4)
- qrcode,php (1)
- qrcode (1)
- 多进程 (3)
- html (1)
- excel (2)
- seasar2 (1)
- db (1)
- entity (1)
- IOS8 (1)
- SWIFT (1)
- 正则表达式 (1)
- RabbitVCS (1)
- url (1)
- thinkphp (2)
- c++ (5)
- win32 API函数 (1)
- htaccess (1)
- makefile (3)
- C/C++ (12)
- Linux (1)
- miui (2)
- unix (1)
- wechat (1)
- websocket (1)
- SpringMVC (3)
- VSAM (1)
- centos (2)
- wamp (1)
- server (1)
- 优酷视频上传并去除广告 (1)
- owncload (1)
- cloud (1)
- ubuntu (1)
- pdf转换成word (1)
- 微信,weixin (1)
- 行业系统 (3)
- 超级外卖源代码 (0)
- 软件专利 (1)
- 申请 (1)
- vba (1)
- UML (1)
- 程序切片 (1)
- 股票心得 (1)
- 威客建站 (1)
- 微信开发学习路线 (1)
- 远程开机 (1)
- spring mvc (1)
- JEECMS (1)
- Node.js (1)
- ThinkJS (1)
- maven (2)
- MyEclipse+Tomcat+MAVEN+SVN (1)
- Spring+SpringMVC+MyBatis (1)
- wampserver (0)
- RESTful (1)
- hibernate (4)
- Spring+SpringMVC (1)
- 响应式布局 (1)
- 响应式布局模板 (1)
- Aptana (3)
- 遗传算法 (1)
- 进化算法 (1)
- bower (1)
- HTML5 (1)
- Android官方培训课程 (1)
- MySQL锁 (1)
- 扫描枪 (1)
- 微信公众平台 (1)
- 企业号 (1)
- ddns (1)
- java获取外网ip (1)
- DDNS,阿里云,云解析,万网域名,阿里云域名 (1)
- SEO (1)
- Jboss (2)
- wildfly (1)
- WildFly8 (2)
- NT Kernel (1)
- 反向代理 (1)
- Spring嵌套事务 (1)
- apache (3)
- 防止浏览器记住用户名及密码的简单实用方法 (1)
- 时间戳 (1)
- 字体 (1)
- 网络爬虫准 (1)
- 屏蔽后退按钮 (1)
- java web (1)
- JavaMail (1)
- windows服务 (1)
- Freemarker (1)
- TortoiseGit (2)
- oschina (1)
- JSON (1)
- Boost (1)
- MUI (1)
- github (1)
- Python2.7 (1)
- Python3.0 (1)
- Odoo (1)
- java socket (1)
- OpenERP (2)
- werkzeug (1)
- JNA (2)
- proxifier (1)
- WebService (1)
- 企业应用集成 (1)
- vmware (1)
- Navicate (1)
- 三体 (1)
- oracle同步 (1)
- 微信 (3)
- java设计模式 (1)
- 工具 (1)
- JavaScript跨域 (1)
- LB (1)
- 负载均衡 (1)
- AngularJS (1)
- HBuilder (1)
- Echarts (1)
- Json Web Token (1)
- PassportSDK (1)
- ubuntu kylin xterm 乱码 (1)
- ubuntu kylin17 安装字体教程 (1)
- wps (1)
- jetbrains (1)
- MySQL5.7 (1)
- Nginx (1)
- JDK (1)
最新评论
-
cuiyadll:
谢谢楼上的推荐
实战:jQuery Mobile开发HTML5移动应用 -
marty:
使用JQueryMobile,推薦使用這免費開發工具,提供可視 ...
实战:jQuery Mobile开发HTML5移动应用 -
men_clslji:
按照目前的方法只是防止刷新页面时不再执行X(添加),而toke ...
有了上一篇博文,类似地顺便说说表单防重复提交。
以前没注意过,认为jquery 中的 $("#") 与 document.getElementByIdx_x("") 是一回事,指的是同一个东西。
这次项目开发在使用验证码生成的时候,发现两者不同,使用时需要注意!
通过以下测试:
js中代码
function reloadValidCode(o) {
alert(o);
o.src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
}
function refresh() {
alert($("#imageYZ"));
document.getElementByIdx_x("imageYZ").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
}
jsp中代码
<</span>img src="${pageContext.request.contextPath }/validCodeServlet" id="imageYZ" alt="换一张" onclick="reloadValidCode(this)"/>
看不清?<</span>a href="#this" onclick="refresh();"> 换一张</</span>a>
我很打算在refresh()函数中使用
$("#imageYz").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
进行设置,但是发现不行;原来alert(o)的结果是:
[object HTMLCanvasElement]
而alert($("#imageYZ"))的结果是:
[objec Object]
从这里不难看出两者真的不一样;
再用firebug调试看一下,
$("#imageYZ")和document.getElementByIdx_x("imageYZ")倒底是什么内容。调试结果如下:
$("#imageYZ") [img#imageYZ]
document.getElementByIdx_x("imageYZ") img#imageYZ
想必,看到这里,不用我说,大家也会想到结果了。
实际上,$("#imageYZ")[0]等同于 document.getElementByIdx_x("imageYZ")
这次项目开发在使用验证码生成的时候,发现两者不同,使用时需要注意!
通过以下测试:
js中代码
function reloadValidCode(o) {
alert(o);
o.src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
}
function refresh() {
alert($("#imageYZ"));
document.getElementByIdx_x("imageYZ").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
}
jsp中代码
<</span>img src="${pageContext.request.contextPath }/validCodeServlet" id="imageYZ" alt="换一张" onclick="reloadValidCode(this)"/>
看不清?<</span>a href="#this" onclick="refresh();"> 换一张</</span>a>
我很打算在refresh()函数中使用
$("#imageYz").src = "${pageContext.request.contextPath }/validCodeServlet?timed=" + new Date().getMilliseconds();
进行设置,但是发现不行;原来alert(o)的结果是:
[object HTMLCanvasElement]
而alert($("#imageYZ"))的结果是:
[objec Object]
从这里不难看出两者真的不一样;
再用firebug调试看一下,
$("#imageYZ")和document.getElementByIdx_x("imageYZ")倒底是什么内容。调试结果如下:
$("#imageYZ") [img#imageYZ]
document.getElementByIdx_x("imageYZ") img#imageYZ
想必,看到这里,不用我说,大家也会想到结果了。
实际上,$("#imageYZ")[0]等同于 document.getElementByIdx_x("imageYZ")
发表评论
-
JS引号的输出办法
2016-03-17 11:24 650你可以在 JavaScript 中使用反斜杠来向文本字符串 ... -
Office在线预览及PDF在线预览的实现方式大集合
2015-12-24 17:30 1034一、服务器先转换为P ... -
MyEclipse安装JS代码提示(Spket插件)
2015-11-09 15:39 792近期需要大量使用JS来开发,但是MyEclips ... -
利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
2014-07-10 19:34 730介绍:http://www.codesky.net/artic ... -
分享一个有趣的js代码(手机摇一摇切换网页背景色)
2014-07-10 19:32 919引用<script type="text/ja ... -
实战:jQuery Mobile开发HTML5移动应用
2014-04-16 14:56 1576引自:http://tech.it168.com/a201 ... -
几个功能强大的php函数
2014-02-07 13:32 764这些函数简单但是又非常重要,先收藏再说吧,你总有用得着的时候 ... -
JS之Window对象
2014-02-07 00:23 754一.说明:他是JS中最大的对象,它描述的是一个浏览器窗口,一般 ... -
js中setInterval与setTimeout用法
2014-02-06 13:06 661setTimeout 定义和用法: setTimeou ... -
js的Prototype属性 解释及常用方法
2014-02-06 13:05 399函数:原型 每一个构造函数都有一个属性叫做原型(prototy ... -
弹出窗口(window.open)被各种浏览器拦截的通用处理方法
2013-08-27 15:56 977所有种类的浏览器基本都默认拦截弹出窗口,也就是说(window ...
相关推荐
在Web开发中,有时候我们需要为用户提供打印页面的功能,JavaScript库jQuery提供了一个方便的插件——jQuery.jqprint-0.3.js,用于实现这一目标。这个插件使得开发者能够轻松地将网页中的某个元素或者整个页面内容...
`document.getElementById`是一个JavaScript内置方法,用于根据指定的ID从文档中获取元素。在大部分情况下,这个方法在所有现代浏览器中都能正常工作,但在一些旧版本或特定浏览器中可能会出现不一致的行为。例如,...
### jQuery与JavaScript获取父子前后元素实现代码 #### 一、引言 在Web前端开发过程中,经常需要对DOM(文档对象模型)进行操作,包括选取元素、修改样式、添加或删除节点等。jQuery作为一种轻量级的JavaScript库...
### JS与jQuery获取Input输入框中的值实例讲解 #### 一、引言 在Web开发中,经常需要处理用户输入的数据。JavaScript 和 jQuery 是前端开发中最常用的两种工具,它们提供了强大的功能来操作DOM(文档对象模型),...
在今天写一个canvas的小程序时,才发现这两者是不一样的。 直接用alert()来显示这两个方法倒底获得的是什么。代码如下: 代码如下: <!... <head>...meta charset=”utf-8″>...link href=”css/index.css...
FileSaver.js和jquery.wordexport.js是两个在前端开发中常用的JavaScript库,它们主要用于实现文件保存功能,尤其是针对HTML内容的导出和保存为Word文档。 FileSaver.js是一个轻量级的JavaScript库,它的主要功能是...
### JS与jQuery获取父元素及删除子元素的不同方法 #### 一、概述 在Web开发过程中,经常需要处理DOM(Document Object Model)的操作,包括获取元素、修改元素属性以及删除元素等。本文将详细介绍如何使用...
当你尝试使用 `document.getElementById` 方法获取一个HTML元素时,如果该元素在当前文档中不存在,JavaScript 将抛出 `TypeError: document.getElementById(...) is null` 的错误。这个错误意味着你试图访问的ID...
在JavaScript编程语言中,`$`美元符号是一个常见的标识符,尤其在jQuery和其他JavaScript库中广泛使用。这个符号被用作一个简化的选择器,类似于CSS中的选择器,用于选取DOM(Document Object Model)中的元素。`$`...
在现代Web开发中,JavaScript与HTML DOM(Document Object Model)的交互是构建动态网页的关键技术之一。DOM是一种标准,用于表示HTML或XML文档的结构,它将文档视为一个树状结构,其中每个节点代表一个元素、属性或...
而DOM对象是JavaScript中的单个HTML元素,如`document.getElementById('myId')`返回的就是一个DOM对象。jQuery对象可以转换为DOM对象(`.get(0)`或`[0]`),反之亦然(`$(domElement)`)。 ### 第二章 jQuery 选择...
在JavaScript和jQuery中,`document.getElementById` 和 `$` (`$(#id)`) 是两种不同的方法,用于选取HTML文档中具有特定ID的元素。虽然它们都用于同样的目的,但它们的实现方式、兼容性和使用场景有所不同。 `...
jQuery.ipicture.js 是一款强大的JavaScript插件,它允许开发者在网页中的地图上创建标记,并且可以结合图文及链接进行丰富的信息展示。这款插件特别适合用于地理信息系统(GIS)应用,或者任何需要在地图上标注特定...
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误,通常出现在尝试访问一个尚未加载或者不存在于DOM(文档对象模型)中的元素时。这个错误表示`document.getElementById`方法未能找到...
需要注意的是,由于浏览器的安全策略,如果`iframe`的源(src)与包含它的页面不在同一个域名下,那么你将无法通过JavaScript访问`iframe`的`document`对象。这种现象被称为跨域限制,遵循同源策略。除非服务器设置...
- 定义两个函数`min`和`max`并将其添加到jQuery原型上:`$.extend({ min: function(a, b) { return a ; }, max: function(a, b) { return a > b ? a : b; } });` - 使用自定义函数:`alert("Max is " + $.max(10, ...
在网页交互设计中,jQuery库经常被用于简化JavaScript的DOM操作和事件处理,使得动态效果的实现更加便捷。本主题将深入探讨如何使用jQuery来创建一个具有播放/暂停功能的按钮,通过切换两个图片来直观地展示播放状态...
- `$(document.getElementById('myElement'))` 将一个DOM元素转换为jQuery对象。 同样,若要从jQuery对象转回原生DOM元素,可以采用下列方法之一: - `$("#myElement")[0]` - `$("div").eq(1)[0]` - `$("div").get...
- **实现方法**:可以通过浏览器的开发者工具控制台执行以下代码来加载 jQuery:`$.getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js');` ##### 1.5 在 HTML 页面头部包含 `<script>` ...