今天在用 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”);//可点击链接查看效果 注意页数(显示第一页数据) 没有问题,得到了我想...
jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...
当项目中同时使用jQuery和Prototype时,可能会出现 `$` 符号冲突的问题。解决这个问题的方法是在加载完Prototype之后再加载jQuery,并调用`jQuery.noConflict()`函数。 ```html <script src="prototype.js"> ...
$(this).attr("src", newImageSrc); $(this).fadeIn(500); }); ``` 五、可扩展性与二次修改 这个特效代码设计时考虑了可扩展性,允许用户添加更多图片或者修改切换方式。只需按指定格式添加新的图片链接和导航点...
"jQuery 打开层表情"这个主题主要涉及的是如何利用 jQuery 实现一个弹出层来展示表情符号,这种功能常见于聊天应用或者评论系统中,让用户能够方便快捷地插入各种表情来表达情感。 首先,我们来理解“层”(Layer)...
引入库后,我们可以在 JavaScript 代码中使用 `$` 符号来调用 JQuery 方法。 ```html <script src="jquery1.8.3.min.js" type="text/javascript"> ``` 接着,我们创建了一个 `onload` 事件处理函数,即 `$...
当项目中同时使用了jQuery和Prototype库时,可能会遇到`$`符号的冲突问题,因为两个库都使用了`$`作为主要的函数标识符。为了解决这个问题,可以使用`jQuery.noConflict()`方法,它会释放对`$`的控制,允许其他库...