`
ljl_xyf
  • 浏览: 633869 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery attr 设定src中含有&(宏)符号的问题解决

阅读更多

今天在用 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&amp;page=2 //可点击链接查看效果 注意页数(显示第一页数据)

郁闷中。。。。。。。。。。。。。。。。

找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&amp;了呢?有点搞不懂


问题解决方法:

在无意中把

$("#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中含有&amp;(宏)符号问题的解决方法

    本知识点将详细探讨如何在使用jQuery的`attr()`方法来设置包含`&`符号的`src`属性时避免常见的问题,并提供解决方案。 首先,我们来了解在HTML中的`&`符号是一个特殊的字符,它用于引入HTML实体。例如,`&nbsp;`...

    jquery attr 设定src中含有(宏)符号问题的解决方法

    我用 jquery 的attr 方法设定 iframe的src属性 $(“#addOrUpdateIframe”).attr(“src”, “http://blog.jb51.net/search.aspx?key=400”);//可点击链接查看效果 注意页数(显示第一页数据) 没有问题,得到了我想...

    jquery attr()方法

    ery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr

    Jquery修改image的src属性,图片不加载问题的解决方法

    标题所涉及的知识点是“Jquery修改image的src属性时图片不加载问题的解决方法”。这一问题通常发生在通过JavaScript或者Jquery这类JavaScript库来动态改变页面中img元素的图片源地址时,可能遇到的不显示图片的状况...

    jquery得到iframe src属性值的方法

    通过以上知识点,可以看到,在实际开发中,若需要从一个iframe中获取src属性值,可以利用jQuery的选择器、attr()方法,以及$(document).ready()等,这些是进行DOM操作和动态获取内容时常用的方法。同时,也需要考虑...

    jquery的attr方法使用

    **jQuery的attr方法详解** 在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`attr`方法是jQuery中的一个重要成员,它主要用于获取或设置HTML元素的属性(attribute)。本文将深入...

    jquery tooltip在表格中的使用

    var imgSrc = $(this).attr('src'); // 根据图片源返回不同的 tooltip 内容 if (imgSrc === 'image1.jpg') { return '&lt;img src="' + imgSrc + '" width="100" height="100"&gt; 这是图片1的描述'; } else if (img...

    Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效

    标题和描述提到的问题在于从jQuery 1.6版本开始,`attr('checked')`不再像预期那样返回`true`或`false`,而是返回`checked`(如果复选框被选中)或`undefined`(如果未被选中)。 在jQuery 1.5及更早版本,`attr('...

    jquery.1.6.2.sdocml&jquery.1.4.2.sdocml

    《jQuery 1.4.2 和 1.6.2 的源码解析及代码提示功能在 Aptana 中的应用》 jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及AJAX交互。在这个文档中,我们将深入...

    jquery点击toggle并改变图片src源码

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和动画效果等任务。本话题聚焦于如何使用jQuery实现一个功能,即点击元素时切换图片的src属性,来达到显示不同图片的效果。这在网页交互...

    Jquery API 1.4(中文)+ Jquery 1.42

    本指南将深入探讨《jQuery API 1.4(中文)》及jQuery 1.4.2版本中的关键知识点,帮助开发者更好地理解和运用这一版本的特性。 一、jQuery库的基本概念与应用 jQuery库是John Resig在2006年创建的一个JavaScript库...

    jquery attr方法获取input的checked属性问题

    问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...

    jQueryAPI中文手册3.1.rar

    10. **学习资源**:除了《jQuery API 中文手册 3.1》,还有官方文档、在线教程、社区论坛等资源,供开发者深入学习和解决问题。 掌握jQuery API对于任何JavaScript开发者来说都是极其有益的,它能够提高开发效率,...

    jQuery在设定范围随机抽取数字代码.zip

    在这个"jQuery在设定范围随机抽取数字代码.zip"压缩包中,我们很显然关注的是一个使用jQuery实现的功能,即在指定范围内生成随机数。这个功能可能对于抽奖系统、模拟随机行为或者任何需要随机数据的场景都十分有用。...

    用jquery的attr方法实现图片切换效果

    本文将详细介绍如何使用jQuery库中的attr方法来实现一个简单的图片切换效果。attr方法是jQuery中用于获取或设置HTML元素属性值的函数,通过该方法可以方便地实现元素属性的动态修改,进而达到图片切换的目的。 首先...

    JQuery1.10+中文完整API

    jQuery 是一款广泛应用于 Web 开发中的 JavaScript 库,以其简洁的语法和强大的功能深受开发者喜爱。此资源包含 jQuery 1.10 及其之前的 1.4 版本的中文完整 API 文档,对于学习和使用 jQuery 的开发者来说是宝贵的...

    jqrey更换src地址

    在本文中,我们将深入探讨如何使用jQuery来动态地更改同一个`&lt;img&gt;`元素的`src`属性,从而实现图片的切换。这对于创建交互式网页,如轮播图或响应用户操作加载不同图片等场景十分有用。 首先,让我们了解`&lt;img&gt;`...

    jQuery 1.8.0 API 中文手册

    **jQuery 1.8.0 API 中文手册** jQuery 是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax...同时,手册还涵盖了错误处理、兼容性、工具函数等多个方面,是学习和解决问题的宝贵资源。

    jquery1.6官方中文api+jquery1.7中文api

    jQuery 1.7进一步完善了功能并修复了若干问题,以下是一些关键更新: 1. **$.fn.on()事件绑定**:1.7版本引入了`.on()`方法,取代了`.bind()`, `.live()`, 和 `.delegate()`,成为统一的事件绑定机制。`.on()`提供...

    JQuery中文帮助文档

    - **NoConflict模式**: 当多个JavaScript库在同一页面使用时,jQuery提供`.noConflict()`方法,释放`$`符号避免冲突。 这份"JQuery中文帮助文档"将详细解释以上所有概念,并提供丰富的示例代码,帮助开发者深入...

Global site tag (gtag.js) - Google Analytics