如何动态的给frame的src赋值

最新推荐文章于 2024-03-01 10:54:54 发布

小鸟快飞

最新推荐文章于 2024-03-01 10:54:54 发布

阅读量7.6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wr6521941/article/details/45560693

本文详细阐述了如何通过动态方式截取URL参数，并将其应用于页面元素的加载与绑定，具体步骤包括参数截取、赋值给src属性及页面加载时的自动绑定操作。代码示例清晰展示了整个实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

思路：1、动态，则首先需要截取URL的传参。

2、将参数赋值给src

3、页面加载就截取并绑定给frame

实现代码：

frame，取名为main

<frame src="" id="main" name="main" marginwidth="0" marginheight="0" frameborder="0" scrolling="auto" target="_self" />

截取URL并赋值src，function为截取URL代码，$为页面加载就调用function并赋值src

name为参数名，如我的URL：http://localhost:30242/Backstage/index.aspx?url=FlightAttendant/ReCoor_all.aspx

<script type="text/javascript">
           function GetQueryString(name) {
               var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
               var r = window.location.search.substr(1).match(reg);
               if (r != null)
                   return unescape(r[2]);
               return null;
           }
           $(document).ready(function () {
               $("#main").attr("src", GetQueryString('url'));
           });

    </script>