js获取某网页源码是什么（js获取网页源代码）

发布时间：2023-12-08

js获取某网页源码是什么（js获取网页源代码）

更新：2022-11-11 01:40

本文目录一览：

  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.网页所在窗口的名字.document.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>

我也是别人那抄的，你试试吧，好用的话给我个最佳。

推荐文章