如何获取调用IFRAME里面 SRC页面里的值

如何获取调用IFRAME里面 SRC页面里的值,第1张

应该是在特定的页面里设置相关的js,而不是在js里设置特定的页面,所以,不管远程还是本地,只要你的当前页面出现了280,js就能得到

<span class=price id=price name=price>280</span>

js:var price = DocumentgetElementById("price")value;

用webpack中打包vuejs页面,用了vue-router,从列表页进入详情页,详情页中想包含一个iframe引用外链,如果用相对地址会提示can not get,用完整地址可以访问到但是无法设置自适应高度。

vue中嵌套iframe,将要嵌套的文件放在static下面:

<iframe src="///static/bearhtml" width="300" height="300" frameborder="0" scrolling="auto"></iframe>

src可以使用相对路径,也可使用服务器根路径>

同域或跨子域读写 *** 作 iframe 里的内容

父页面读写 *** 作子页面:

HTML code<iframe id="test-iframe" name="test-iframe" src="childhtml" scrolling="no" frameborder="0"></iframe>

<script>

windowonload = function () {

/

下面两种获取节点内容的方式都可以。

由于 IE6, IE7 不支持 contentDocument 属性,所以此处用了通用的

windowframes["iframe Name"] or windowframes[index]

/

var d = windowframes["test-iframe"]document;

dgetElementsByTagName('h1')[0]innerHTML = 'pp';

alert(dgetElementsByTagName('h1')[0]firstChilddata);

}

</script>

要动态获取 iframe 的地址,可以使用 JavaScript 来获取。以下是获取 iframe 的地址的一种简单方法:

javascript

Copy code

var iframe = documentgetElementById('your-iframe-id'); // 替换 your-iframe-id 为 iframe 元素的 id

var iframeSrc = iframesrc;

consolelog(iframeSrc); // 输出 iframe 的地址

这段代码首先使用 documentgetElementById 方法获取指定 id 的 iframe 元素,然后使用 iframesrc 属性获取 iframe 的地址,并将其存储在 iframeSrc 变量中。最后,使用 consolelog 函数将地址输出到控制台。

需要注意的是,如果 iframe 的地址来自外部域名,则会受到同源策略的限制,不能直接获取其内容。但是,可以使用 postMessage 方法来进行跨域通信,从而获取 iframe 的地址。

Vue中的iframe的src后面的参数可以通过拆解来实现多个请求。拆解参数的方式有很多,比如可以通过URL查询字符串,或者使用JavaScript中的URLSearchParams API来解析参数。此外,还可以使用Vue的vue-router库来解析参数,这样可以更加方便地实现多个请求。

以上就是关于如何获取调用IFRAME里面 SRC页面里的值全部的内容,包括:如何获取调用IFRAME里面 SRC页面里的值、vue.js路由中怎么用iframe、在vue中使用Iframe嵌套问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: https://outofmemory.cn/web/9668934.html

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

发表评论

登录后才能评论

评论列表(0条)

保存