怎么用JS获取某一个指定页面（非本页面）的HTML代码？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎么用JS获取某一个指定页面（非本页面）的HTML代码？相关的知识，希望对你有一定的参考价值。
怎么用JS获取某一个指定页面（非本页面）的html代码？
比如我在js里面输入一个网页 然后获取该网页的代码。
1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。
2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。
4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。
5、查看元素已经应用的CSS样式，点击"computed"菜单。
6、然后查看元素的布局信息，点击"Layout"菜单。
用ajax。
引入jquery的话，
$("button").click(function()$("div").load('test.html');
);
如果你要获取这个页面某个id或者类的html还可以这么写
$("button").click(function()$("div").load('test.html #container');
);
这个可以直接把新页面的html元素加载到指定的div或者别的元素里面。
如果你要纯代码的话，那再获取这个div的html就可以了。
$("div").html();本回答被提问者采纳 参考技术B 这就涉及到js跨域的问题了，是不行的,但是通过嵌套iframe 可以获取另一个页面的东西<script type="text/javascript">
$(function ()
document.getElementById("ifm").src ="";//Url地址
$("#ifm").load(function ()
var h = document.body.clientHeight;
var w = document.body.clientWidth;
document.getElementById("ifm").height = h + "px";
document.getElementById("ifm").width = w + "px";
);
)
</script>
<body style="overflow-y:hidden;overflow-x:hidden">
<div id="pageone" style="">
<iframe name="ifm" id="ifm" scrolling="yes" style="background-color: transparent;" marginwidth="0" marginheight="0" frameborder="0">
</iframe>
</div>
</body> 参考技术C 你可以尝试在iframe里加载该页面（想不想显示出来随意），然后都document.getElementById获取iframe，进而可以获取iframe的innerHTML追问
那不是返回 之间的东西 不是返回我iframe里面加载页面的HTML代码啊
参考技术D 你想要这样的工具吗？有现成的：http://tool.chinaz.com/Tools/PageCode.aspx以上是关于怎么用JS获取某一个指定页面（非本页面）的HTML代码？的主要内容，如果未能解决你的问题，请参考以下文章