想建个网页,要求网页内的iframe地址为动态JS获取地址栏参数的地址

想建个网页,要求网页内的iframe地址为动态JS获取地址栏参数的地址,第1张

你好根据你的需求,写了一个:

<body>

    <iframe id="iframe"></iframe>    

</body>

<script>

var str = locationsearchsubstr(1);

documentgetElementById('iframe')src = str;

</script>

有什么问题可以留言,希望我的回答能帮到你哈,有问题可以追问,觉得好就点个赞,有用就采纳!

看到了楼下的回答,考虑的更加仔细。

JS获取/设置iframe内对象元素、文档的几种方法

1、IE专用(通过frames索引形象定位):

复制代码 代码如下:

documentframes[i]documentgetElementById('元素的ID');

2、IE专用(通过iframe名称形象定位):

复制代码 代码如下:

documentframes['iframe的name']documentgetElementById('元素的ID');

以上方法,不仅对iframe适用,对frameset里的frame也同样适用。IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的。比如这个,它在同样支持下面的标准路径之外,提供了一个简洁且形象化的写法。

3、通用方法:

复制代码 代码如下:

documentgetElementById('iframe的ID')contentWindowdocumentgetElementById('元素的ID')

注意要加上contentWindow,往往出现问题都是因为这个容易被忽略,它代表frame和iframe内部的窗口对象。

JS获取iframe文档内容

复制代码 代码如下:

<script type="text/javascript">

function getIframeContent(){ //获取iframe中文档内容

var doc;

if (documentall){ // IE

doc = documentframes["MyIFrame"]document;

}else{ // 标准

doc = documentgetElementById("MyIFrame")contentDocument;

}

return docbodyinnerHTML;

}

</script>

注意:上面的 contentDocument 相当于 contentWindowdocument !

一、需求与遇到的问题

在网站的后台管理中使用了iframe框架布局,包括顶部菜单、左侧导航和主页面。需求是:点击主页面上的一个按钮,在顶部菜单栏的右侧显示“退出”链接,点击可退出系统。

我的思路是:在顶部的菜单页面放一个不可见的“退出”链接,当用户点击位于iframe中的主页面(mainPagehtm)中的按钮时,在顶部菜单页面的右侧显示“退出”。

我现在遇到的问题是:如何在页面的一个iframe子页面(mainPagehtm)中获取并且 *** 作其它iframe子页面(比如topPagehtm)中的HTML元素?

二、通过JS获取并 *** 作iframe中的元素来解决问题

这里主要就是通过JS来 *** 作Window对象。Window 对象表示浏览器中打开的窗口,如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

经过我在网上查资料,找到了JS *** 作iframe中HTML元素的方法。示例如下。

复制代码 代码如下:

function ShowExit() {

//获取iframe的window对象

var topWin = windowtopdocumentgetElementById("topNav")contentWindow;

//通过获取到的window对象 *** 作HTML元素,这和普通页面一样

topWindocumentgetElementById("exit")stylevisibility = "visible";

} 

说明:第一步,通过windowtopdocumentgetElementById("topNav")方法获取了顶部菜单页面(topPagehtm)所在的iframe对象;第二步,通过上一步获取到的iframe对象的contentWindow属性得到了iframe中元素所在的window对象;第三步,通过上一步获取到的window对象来 *** 作iframe框架中的元素,这和 *** 作不在iframe框架中的普通HTML元素是一样的。

<iframe src=">

在许多时候我们在用iframe的时候都会做分页 *** 作 iframe内部的url跳转将不能直接通过iframe的src属性来获得

iframe的当前url的获取方法

代码如下:

parentdocumentgetElementById("content_info")contentWindowlocationhref

其中:content_info为iframe的id

以上就是关于想建个网页,要求网页内的iframe地址为动态JS获取地址栏参数的地址全部的内容,包括:想建个网页,要求网页内的iframe地址为动态JS获取地址栏参数的地址、怎么获取iframe里面的元素、js如何远程获取iframe标签内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9746785.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存