今天在用 jquery 的attr 方法设定 iframe的src属性的时候遇到了一个奇怪的为题,现在把问题及解决方面写出来,让遇到同样问题的人不要在走弯路。
问题描述:
html代码如下:
<iframe src="http://www.my400800.cn
" id="addOrUpdateIframe" style="width:870px;height:450px;" border="0" scrolling="yes" ></iframe>
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.my400800.cn/search.aspx?key=400
");//可点击链接查看效果
注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.my400800.cn/search.aspx?key=400&page=2
");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.my400800.cn/search.aspx?key=400&page=2
//可点击链接查看效果
注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "
http://blog.my400800.cn/search.aspx?key=400&page=2
"
);//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", '
http://blog.my400800.cn/search.aspx?key=400&page=2
'
);//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
分享到:
相关推荐
本知识点将详细探讨如何在使用jQuery的`attr()`方法来设置包含`&`符号的`src`属性时避免常见的问题,并提供解决方案。 首先,我们来了解在HTML中的`&`符号是一个特殊的字符,它用于引入HTML实体。例如,` `...
我用 jquery 的attr 方法设定 iframe的src属性 $(“#addOrUpdateIframe”).attr(“src”, “http://blog.jb51.net/search.aspx?key=400”);//可点击链接查看效果 注意页数(显示第一页数据) 没有问题,得到了我想...
ery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr
标题所涉及的知识点是“Jquery修改image的src属性时图片不加载问题的解决方法”。这一问题通常发生在通过JavaScript或者Jquery这类JavaScript库来动态改变页面中img元素的图片源地址时,可能遇到的不显示图片的状况...
通过以上知识点,可以看到,在实际开发中,若需要从一个iframe中获取src属性值,可以利用jQuery的选择器、attr()方法,以及$(document).ready()等,这些是进行DOM操作和动态获取内容时常用的方法。同时,也需要考虑...
**jQuery的attr方法详解** 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`attr`方法是jQuery中的一个重要成员,它主要用于获取或设置HTML元素的属性(attribute)。本文将深入...
var imgSrc = $(this).attr('src'); // 根据图片源返回不同的 tooltip 内容 if (imgSrc === 'image1.jpg') { return '<img src="' + imgSrc + '" width="100" height="100"> 这是图片1的描述'; } else if (img...
标题和描述提到的问题在于从jQuery 1.6版本开始,`attr('checked')`不再像预期那样返回`true`或`false`,而是返回`checked`(如果复选框被选中)或`undefined`(如果未被选中)。 在jQuery 1.5及更早版本,`attr('...
《jQuery 1.4.2 和 1.6.2 的源码解析及代码提示功能在 Aptana 中的应用》 jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及AJAX交互。在这个文档中,我们将深入...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和动画效果等任务。本话题聚焦于如何使用jQuery实现一个功能,即点击元素时切换图片的src属性,来达到显示不同图片的效果。这在网页交互...
本指南将深入探讨《jQuery API 1.4(中文)》及jQuery 1.4.2版本中的关键知识点,帮助开发者更好地理解和运用这一版本的特性。 一、jQuery库的基本概念与应用 jQuery库是John Resig在2006年创建的一个JavaScript库...
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...
10. **学习资源**:除了《jQuery API 中文手册 3.1》,还有官方文档、在线教程、社区论坛等资源,供开发者深入学习和解决问题。 掌握jQuery API对于任何JavaScript开发者来说都是极其有益的,它能够提高开发效率,...
在这个"jQuery在设定范围随机抽取数字代码.zip"压缩包中,我们很显然关注的是一个使用jQuery实现的功能,即在指定范围内生成随机数。这个功能可能对于抽奖系统、模拟随机行为或者任何需要随机数据的场景都十分有用。...
本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数,通过该方法可以方便地实现元素属性的动态修改,进而达到图片切换的目的。 首先...
jQuery 是一款广泛应用于 Web 开发中的 JavaScript 库,以其简洁的语法和强大的功能深受开发者喜爱。此资源包含 jQuery 1.10 及其之前的 1.4 版本的中文完整 API 文档,对于学习和使用 jQuery 的开发者来说是宝贵的...
在本文中,我们将深入探讨如何使用jQuery来动态地更改同一个`<img>`元素的`src`属性,从而实现图片的切换。这对于创建交互式网页,如轮播图或响应用户操作加载不同图片等场景十分有用。 首先,让我们了解`<img>`...
**jQuery 1.8.0 API 中文手册** jQuery 是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax...同时,手册还涵盖了错误处理、兼容性、工具函数等多个方面,是学习和解决问题的宝贵资源。
jQuery 1.7进一步完善了功能并修复了若干问题,以下是一些关键更新: 1. **$.fn.on()事件绑定**:1.7版本引入了`.on()`方法,取代了`.bind()`, `.live()`, 和 `.delegate()`,成为统一的事件绑定机制。`.on()`提供...
- **NoConflict模式**: 当多个JavaScript库在同一页面使用时,jQuery提供`.noConflict()`方法,释放`$`符号避免冲突。 这份"JQuery中文帮助文档"将详细解释以上所有概念,并提供丰富的示例代码,帮助开发者深入...