Coder-coco 2023-08-22 22:09 采纳率: 44.7%
浏览 3
已结题

请问如何在vue中获取使用iframe嵌入第三方网页下的标签

在vue中获取使用iframe嵌入第三方网页下的标签，有啥方法，只能获取到iframe，无法拿到它里面的标签

  • 写回答

2条回答 默认 最新

  • 十五喵 2023-08-22 22:30
    关注
    
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>demo2</title>
    <script src="vue.js"type="text/javascript" charset="utf-8"></script>
    <script src="./jquery-3.3.1.min.js"></script>
  </head>
  <body>
    <div id="app" >
        <h2>例子</h2>
        <iframe id="myIframe"
            src="https://www.baidu.com/"
            style="width: 400px;height: 300px;"
        ></iframe>
        <button @click="get">获取页面内容</button>
    </div>
    <script type="text/javascript">
    var app = new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!',
        },        
        methods: {
            get(){
                let obj = $('#myIframe').contents().find('#u1');
                console.log(obj);
            },
        }
    })
    </script>
  </body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 8月30日
  • 已采纳回答 8月22日
  • 创建了问题 8月22日

悬赏问题

  • ¥15 剑网三内存脚本有没有作者可以做
  • ¥15 c#转安卓 java html
  • ¥15 os.listdir文件路径找不到
  • ¥15 使用gojs3.0，如何在nodeDataArray设置好text的位置，再go.TextBlock alignment中进行相应的改变
  • ¥15 psfusion图像融合指标很低
  • ¥15 银河麒麟linux系统如何修改/etc/hosts权限为777
  • ¥50 医院HIS系统代码、逻辑学习
  • ¥30 docker离线安装mysql报错，如何解决？
  • ¥15 构建工单的总账影响在哪里查询或修改
  • ¥15 三个简单项目写完之后有重赏之后联系我