本文目录一览：
- 1、javascript如何获取当前网页的源码？
- 2、JavaScript 如何读取某网页的源码？
- 3、JS 获得网页代码
- 4、怎么用JS获取某一个指定页面（非本页面）的HTML代码？
- 5、js读取远程网页源码
- 6、JS如何查找源代码
javascript如何获取当前网页的源码？
首先outerHTML有兼容性问题，其次outerHTML和innerHTML类似，得到的是被浏览器修整的代码，包括js运行时对html结构做的修改，都会体现到innerHTML上。
所以，如果想拿到最真实的html源码，那就只能发起一个异步请求，url就是当前的location.href，在xhr.responseText里就能拿到最纯正的源码啦！
JavaScript 如何读取某网页的源码？
可以使用parent.网页所在窗口的名字.doucment.body.innerHTML属性来读取网页主体中的代码,但是要获得整个网页的源码可能只使用JavaScript是办不到的.
JS 获得网页代码
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
meta http-equiv="Content-type" content="text/html; charset=utf-8"
title远程网页源代码读取/title
style type="text/css"
/* 页面字体样式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
/style
script type="text/javascript"
//用于创建XMLHttpRequest对象
function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
}
}
//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
var url = document.getElementById("url").value; //获取目标地址信息
//地址为空时提示用户输入
if (url == "") {
alert("请输入网页地址。");
return;
}
document.getElementById("source").value = "正在加载……"; //提示正在加载
createXmlHttp(); //创建XMLHttpRequest对象
xmlHttp.onreadystatechange = writeSource; //设置回调函数
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
//将远程网页源代码写入页面文字区域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
/script
/head
body
h1远程网页源代码读取/h1
div
地址：input type="text" id="url"
input type="button" onclick="getSource()" value="获取源码"
/div
textarea rows="10" cols="80" id="source"/textarea
/body
/html
给分啊
怎么用JS获取某一个指定页面（非本页面）的HTML代码？
1、在浏览器中打开要调试的网页，然后点击”F12 Developer Tools“，也可以使用快捷键F12。
2、弹出的工具窗口中，默认选择是Dom Explorer功能，它会列出网页的源代码和CSS样式列表。
3、使用元素定位功能选择页面中的一个元素，也会定位到源代码中位置。
4、对定位到的文字修改CSS样式，添加inline style，比如把字体变为红色。
5、查看元素已经应用的CSS样式，点击"computed"菜单。
6、然后查看元素的布局信息，点击"Layout"菜单。
js读取远程网页源码
代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
meta http-equiv="Content-type" content="text/html; charset=utf-8"
title远程网页源代码读取/title
style type="text/css"
/* 页面字体样式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
/style
script type="text/javascript"
//用于创建XMLHttpRequest对象
function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
}
}
//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
var url = document.getElementById("url").value; //获取目标地址信息
//地址为空时提示用户输入
if (url == "") {
alert("请输入网页地址 。");
return;
}
document.getElementById("source").value = "正在加载……"; //提示正在加载
createXmlHttp(); //创建XMLHttpRequest对象
xmlHttp.onreadystatechange = writeSource; //设置回调函数
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
//将远程网页源代码写入页面文字区域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
/script
/head
body
h1远程网页源代码读取/h1
div
地址：input type="text" id="url"
input type="button" onclick="getSource()" value="获取源码"
/div
textarea rows="10" cols="80" id="source"/textarea
/body
/html
JS如何查找源代码
html
head
meta http-equiv="Content-type" content="text/html; charset=utf-8"
title远程网页源代码读取/title
style type="text/css"
/* 页面字体样式 */
body, td, input, textarea {
font-family:Arial;
font-size:12px;
}
/style
script type="text/javascript"
//用于创建XMLHttpRequest对象
function createXmlHttp() {
//根据window.XMLHttpRequest对象是否存在使用不同的创建方式
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式
}
}
//直接通过XMLHttpRequest对象获取远程网页源代码
function getSource() {
var url = document.getElementById("url").value; //获取目标地址信息
//地址为空时提示用户输入
if (url == "") {
alert("请输入网页地址。");
return;
}
document.getElementById("source").value = "正在加载……"; //提示正在加载
createXmlHttp(); //创建XMLHttpRequest对象
xmlHttp.onreadystatechange = writeSource; //设置回调函数
xmlHttp.open("GET", url, true);
xmlHttp.send(null);
}
//将远程网页源代码写入页面文字区域
function writeSource() {
if (xmlHttp.readyState == 4) {
document.getElementById("source").value = xmlHttp.responseText;
}
}
/script
/head
body
h1远程网页源代码读取/h1
div
地址：input type="text" id="url"
input type="button" onclick="getSource()" value="获取源码"
/div
textarea rows="10" cols="80" id="source"/textarea
/body
/html
我也是别人那抄的 你试试吧 好的话给我个最佳
