jqueryattr设定src中含有&(宏)符号问题的解决方法
作者:05358 | 来源:互联网 | 2022-10-13 17:40
今天在用jquery的attr方法设定iframe的src属性的时候遇到了一个奇怪的为题,现在把问题及解决方面写出来,让遇到同样问题的人不要在走弯路。
问题描述:
html代码如下:
我用 jquery 的attr 方法设定 iframe的src属性
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400");//可点击链接查看效果 注意页数(显示第一页数据)
没有问题,得到了我想要的结果,但是下面的地址却把key后面的参数都掉了(红色字体的参数没有取到)
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第二页数据)
郁闷中,感觉很奇怪,就用firebug看了一下修改后的值,问题找到了,jquery 把上面的地址给变成:
http://blog.jb51.net/search.aspx?key=400&page=2//可点击链接查看效果 注意页数(显示第一页数据)
郁闷中。。。。。。。。。。。。。。。。
找了好久也没有找到如果解决该问题,他怎么会把地址的&给改成&了呢?有点搞不懂
问题解决方法:
在无意中把
$("#addOrUpdateIframe").attr("src", "http://blog.jb51.net/search.aspx?key=400&page=2");//可点击链接查看效果 注意页数(显示第一页数据)
改成
$("#addOrUpdateIframe").attr("src", 'http://blog.jb51.net/search.aspx?key=400&page=2');//可点击链接查看效果 注意页数(显示第二页数据)
注意灰色背景的地方,把双引号改成单引号了,问题解决。
推荐阅读
-
本文详细介绍了如何使用jQuery防止事件冒泡,确保子元素的点击事件不会触发父元素或祖先元素的相应事件。通过具体的代码示例和解释,帮助开发者更好地理解和应用这一技术。 ...
[详细]
蜡笔小新 2024-12-25 19:47:37
-
FineUI 是一款基于 jQuery 的专业级控件库,专为 ASP.NET WebForms 和 MVC 开发设计。它提供了丰富的用户界面组件,简化了复杂 Web 应用程序的开发过程。 ...
[详细]
蜡笔小新 2024-12-24 18:02:59
-
-
本文介绍了一段使用jQuery实现的用户注册页面表单验证代码,适用于前端开发人员学习和参考。该示例结合了HTML、CSS和JavaScript,确保用户输入的数据格式正确。 ...
[详细]
蜡笔小新 2024-12-24 14:37:46
-
在现代Web应用中,当用户滚动到页面底部时,自动加载更多内容的功能变得越来越普遍。这种无刷新加载技术不仅提升了用户体验,还优化了页面性能。本文将探讨如何实现这一功能,并介绍一些实际应用案例。 ...
[详细]
蜡笔小新 2024-12-23 17:01:04
-
本文介绍了一个使用JQuery创建的交互式评分控件。当用户将鼠标悬停在星星上时,左侧的星星会变为实心,右侧保持空心,并显示对应的评分等级;移开鼠标后,所有星星恢复为空心状态。 ...
[详细]
蜡笔小新 2024-12-23 10:09:44
-
本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ...
[详细]
蜡笔小新 2024-12-21 17:07:41
-
本文深入探讨了 Spring Boot 如何简化 Web 应用中的静态资源管理,包括默认的静态资源映射规则、WebJars 的使用以及静态首页的处理方法。通过本文,您将了解如何高效地管理和引用静态资源。 ...
[详细]
蜡笔小新 2024-12-20 20:02:31
-
本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ...
[详细]
蜡笔小新 2024-12-20 18:30:59
-
本文介绍了一种使用HTML和JavaScript实现的左右可点击滑动导航菜单的方法,适用于需要展示多个链接或项目的网页布局。 ...
[详细]
蜡笔小新 2024-12-18 17:56:15
-
本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ...
[详细]
蜡笔小新 2024-11-23 12:05:53
-
在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ...
[详细]
蜡笔小新 2024-11-12 13:59:27
-
Java 中的 BigDecimal pow()方法,示例 ...
[详细]
蜡笔小新 2024-12-27 20:54:03
-
本文详细介绍了如何使用Maven高效管理多模块项目,涵盖项目结构设计、依赖管理和构建优化等方面。通过具体的实例和配置说明,帮助开发者更好地理解和应用Maven在复杂项目中的优势。 ...
[详细]
蜡笔小新 2024-12-27 19:29:15
-
本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ...
[详细]
蜡笔小新 2024-12-27 18:20:43
-
本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ...
[详细]
蜡笔小新 2024-12-27 17:10:48
-