应该是在特定的页面里设置相关的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嵌套问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)