jquery 以字符串形式获取HTML源代码

sq1bmfud  于 2022-11-29  发布在  jQuery
关注(0)|答案(6)|浏览(143)

我希望HTML页面(1.html)的源代码可以在另一个页面(2.html)中使用。此外,我还希望在2.html中对其执行操作。
有办法做到这一点吗?
编辑:1.html是一个独立的公共网页,我没有权限修改它的源代码。我必须使用2.html来做我需要做的事情。

vu8f3i0k

vu8f3i0k1#

将DOM转换为字符串:

document.getElementsByTagName('html')[0].innerHTML

问:你所说的“使用它”是什么意思?你需要把1.html包含在2.html里面吗?还是你只需要处理它?

cngwdvgl

cngwdvgl2#

很简单
2.html上使用以下jQuery片段

$.get("1.html", function(response) { 
    alert(response) 
    //do you operations
});
kb5ga3dv

kb5ga3dv3#

查询:

$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});
eimct9ow

eimct9ow4#

我不明白你的意思,你必须作出修改,但你可以简单地加载第二页通过 AJAX

var url ="1.html";
$.ajax({
  url: url,
  dataType: 'html'
  success: function(data){
             //do something with data, which is the page 1.html
           }

});
bpzcxfmw

bpzcxfmw5#

用户也可以使用.html方法获取页面的整个html数据。

$(function(){
    var a = ($('html').html())
})​
sy5wg1nm

sy5wg1nm6#

一个真正简单和现代的方法是如下:

fetch('1.html').then(function(response) {
    /* when the page is loaded convert it to plain text */
    return response.text()
}).then(function(html) {
    /* initialize the DOM parser */
    var initParser = new DOMParser();
    /* parse the text */
    var parse = initParser.parseFromString(html, 'text/html');
    /* you can now even select part of that html as you would in the regular DOM */ 
    /* example */
    var docOutput = parse.querySelector('html').outerHTML;
    console.log(docOutput);
}).catch(function(error) {  
    console.log('Error fetch page: ', error);  
});

相关问题