动态获取html页面的内容,并且取其中的某块元素的方法


$.ajax({
  url: " http://192.168.1.59:8888/app-tpl-webapp/tpl/design.html",
  async:false,
  type:'post',
  dataType:'html',
  success:function(data) {
      console.log("-------------------------------------------------");
      var htmlTextText = $('div').html(data);
      console.log($('div').html(data).eq(1).find("#workspace-body"));
      $('div').html(data).eq(1).find("link,script,style").each(function(index,domEle){
       //$("head").append($(domEle));
       console.log(domEle);
      });
      console.log("-------------------------------------------------");
   //自动为布局文件的html中加上id
     }
  });
HTML中,`<iframe>` 元素用于在网页上嵌入另一个网页的内容。如果你想要从一个嵌入的百度链接网页中获取特定内容,你需要这样做: 1. **设置`src`属性**:首先,在`<iframe>`标签中指定你要嵌入的百度页面URL,比如: ```html <iframe src="https://www.baidu.com/some-page" name="myIframe" scrolling="yes"></iframe> ``` 这里假设`some-page`是你想要抓内容的具体页面。 2. **使用JavaScript**:由于浏览器的安全限制,直接通过`document.getElementById()`等方法获取`<iframe>`内的内容通常不可行。但是,你可以利用`postMessage` API 或 `contentWindow` 属性来间接获取内容,如果目标页面支持这些操作。例如,你可以在一个同源的脚本中这样尝试: ```javascript // 父页面(外链页面) const iframe = document.getElementById('myIframe'); if (iframe.contentWindow) { iframe.contentWindow.postMessage('get-content', 'https://www.baidu.com'); // 发送消息请求 } // 如果目标页面有事件监听并响应 window.addEventListener('message', function(e) { if (e.origin === 'https://www.baidu.com') { // 检查来源是否可信 const content = e.data; // 可能包含你需要的内容 console.log(content); } }, false); ``` 注意这需要目标页面的支持,并且实际操作可能会因页面结构而有所不同。 **相关问题--:** 1. `<iframe>`如何实现跨域通信? 2. 使用`postMessage`时,如何验证接收到的消息是否来自正确的源? 3. 如何处理目标页面未响应`postMessage`的情况?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

涂作权的博客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值