2. 程式人生 > >js 獲取 網頁原始碼

js 獲取 網頁原始碼

阿新 • • 發佈：2019-02-11

JS程式碼：
複製程式碼 程式碼如下:
<script language="javascript" type="text/javascript">
//需要讀取的xml檔案
var uRl = "jsReadXml.xml";
var xmlDoc;
//初始化，給上述定義變數賦值
// function showcurcity(){
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false"
xmlDoc.load(uRl);
getvalue();
}
else if(document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("", "root", null);
xmlDoc.load(uRl);
xmlDoc.onload=getvalueff;
}
// else {
// return null;
// }
// }
function getvalue()
{
var nodes=xmlDoc.documentElement.childNodes;
var now=new Date();
for(i=0;i<nodes.length;i++){
var value=nodes.item(i).childNodes.item(0).text ;
alert(nodes.item(i).childNodes.item(1).text);
alert(nodes.item(i).childNodes.item(2).text);
}
}
function getvalueff(){
var cCode=xmlDoc.getElementsByTagName("date");
var now = new Date();
var nowvalue=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日';
for(i=0;i<cCode.length;i++)
{
alert(xmlDoc.getElementsByTagName("imgsrc")[i].childNodes[0].nodeValue);
alert(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue);
alert(xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue);
}
}
</script>

xml程式碼：
複製程式碼 程式碼如下:
<?xml version="1.0" encoding="UTF-8" ?>
<root>
<imags>
<imgsrc>images/ad-01.jpg</imgsrc>
<title>胡志明市</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/</url>
</imags>
<imags>
<imgsrc>images/ad-02.jpg</imgsrc>
<title>香港2</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</imags>
<imags>
<imgsrc>images/ad-03.jpg</imgsrc>
<title>香港3</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</imags>
<imags>
<imgsrc>images/ad-04.jpg</imgsrc>
<title>香港4</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</imags>
<imags>
<imgsrc>images/ad-05.jpg</imgsrc>
<title>香港5</title>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</imags>
</root>

下面的文章也可以一同參考下
我看IE與FF------Js讀取xml檔案
我幾天為了實現一個小小的功能(奧運聖火傳遞路線).Js讀取了下xml檔案,為了適應IE與FF還是費了一點時間的.
複製程式碼 程式碼如下:
<script language="javascript" type="text/javascript">
var xmlDoc;
function showcurcity()
{
if(window.ActiveXObject)
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false"
xmlDoc.load("OlyCity.xml");
getvalue();
}
else if(document.implementation && document.implementation.createDocument)
{
xmlDoc=document.implementation.createDocument("", "root", null);
xmlDoc.load('OlyCity.xml');
xmlDoc.onload=getvalueff;
}
else
{
return null;
}
}
function getvalue()
{
var nodes=xmlDoc.documentElement.childNodes;
var now=new Date();
for(i=0;i<nodes.length;i++){
var value=nodes.item(i).childNodes.item(0).text ;
if(value==now.toLocaleDateString())
{
window.document.getElementById('curcity').innerText=nodes.item(i).childNodes.item(1).text;
window.document.getElementById('curcity').href =nodes.item(i).childNodes.item(2).text;
}
}
}
function getvalueff(){
var cCode=xmlDoc.getElementsByTagName("date");
var now = new Date();
var nowvalue=now.getFullYear()+'年'+(now.getMonth()+1)+'月'+now.getDate()+'日';
for(i=0;i<cCode.length;i++)
{
var value=cCode[i].childNodes[0].nodeValue;
if(value==nowvalue)
{
window.document.getElementById('curcity').href =xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue;;
window.document.getElementById('curcity').childNodes[0].nodeValue=xmlDoc.getElementsByTagName("city")[i].childNodes[0].nodeValue;
}
}
}
setInterval(showcurcity,1000);
</script>

以下是xml的片斷.
複製程式碼 程式碼如下:
<?xml version="1.0" encoding="gb2312" ?>
<root>
<citymessage>
<date>2008年4月29日</date>
<city>胡志明市</city>
<url>http://torchrelay.beijing2008.cn/cn/journey/hochiminhcity/</url>
</citymessage>
<citymessage>
<date>2008年4月30日</date>
<city>香港</city>
<url>http://torchrelay.beijing2008.cn/cn/journey/hongkong/</url>
</citymessage>
</root>

也可以非同步讀取檔案

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script language="javascript" type="text/javascript">
        //需要讀取的xml檔案
      ///// var uRl = "http://localhost:2301/GetOffSet.ashx";
        var uRl = "http://192.168.1.172/WcfMapServer/GetOffSet.ashx?maptype=3&lnglats=113.2,22.3";
       
        var xmlDoc;
        //初始化，給上述定義變數賦值
        // function showcurcity(){
        if (window.ActiveXObject) {
            xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
            xmlDoc.async = "true"
            xmlDoc.load(uRl);
            xmlDoc.onreadystatechange = function writeSource() {
                if (xmlDoc.readyState == 4) {
                    if (xmlDoc.parseError.errorCode != 0) {
                       var txt = "err";
                    }
                    else {


                        var nodes = xmlDoc.documentElement.childNodes;
                        var now = new Date();
                        for (i = 0; i < nodes.length; i++) {
                            var value = nodes.item(i).childNodes.item(0).text;
                            alert(nodes.item(i).childNodes.item(0).text);
                            alert(nodes.item(i).childNodes.item(1).text);
                        }
                    }
                }
            };
          //  getvalue();
        }
        else if (document.implementation && document.implementation.createDocument) {
            xmlDoc = document.implementation.createDocument("", "root", null);
            xmlDoc.load(uRl);
            xmlDoc.onload = getvalueff;
        }
 
        function getvalue() {
         
            var nodes = xmlDoc.documentElement.childNodes;
            var now = new Date();
            for (i = 0; i < nodes.length; i++) {
                var value = nodes.item(i).childNodes.item(0).text;
                alert(nodes.item(i).childNodes.item(0).text);
                alert(nodes.item(i).childNodes.item(1).text);
            }
        }
        function getvalueff() {
            var cCode = xmlDoc.getElementsByTagName("date");
            var now = new Date();
            var nowvalue = now.getFullYear() + '年' + (now.getMonth() + 1) + '月' + now.getDate() + '日';
            for (i = 0; i < cCode.length; i++) {
                alert(xmlDoc.getElementsByTagName("imgsrc")[i].childNodes[0].nodeValue);
                alert(xmlDoc.getElementsByTagName("title")[i].childNodes[0].nodeValue);
                alert(xmlDoc.getElementsByTagName("url")[i].childNodes[0].nodeValue);
            }
        }
    </script>
</head>
<body>
</body>
</html>

相關推薦

JS 獲取網頁原始碼

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" conte

js 獲取 網頁原始碼

JS程式碼： 複製程式碼 程式碼如下: <script language="javascript" type="text/javascript"> //需要讀取的xml檔案 var uRl = "jsReadXml.xml"; var xmlDoc;

JS遠端獲取網頁原始碼例項

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" conten

android webview獲取網頁原始碼，js執行前後

public static String getHtml(String path) throws Exception { // 通過網路地址建立URL物件 URL url = new URL(path); // 根據URL // 開啟連線，URL.openConnection函式會根據URL

前端Js獲取網頁位址列引數！

 function get(name){    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");    var r = window.location.search.s

PHP獲取網頁原始碼最簡單的兩種方法

第一種：curl 廢話不多說，直接上程式碼 //1，獲取curl控制代碼 $ch = curl_init(); // 2. 設定選項，包括URL curl_setopt($ch,CURLOPT_URL,"http://www.baidu.com/"); curl_

Linux獲取網頁原始碼的幾種方法 linux爬蟲程式

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

Python3 Selenium WebDriver網頁的前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁原始碼、獲取Url等基本操作

Python3 Selenium WebDriver網頁的前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁原始碼、獲取Url等基本操作 通過selenium webdriver操作網頁前進、後退、重新整理、最大化、獲取視窗位置、設定視窗大小、獲取頁面title、獲取網頁

C#獲取網頁原始碼

/// <summary> /// 獲取網頁原始碼 /// </summary> /// <param name="url"></param> /// <returns></returns> protected string

[Xcode10 實際操作]八、網路與多執行緒-(9)使用非同步Get方式獲取網頁原始碼

本文將演示如何通過Get請求方式，非同步獲取網頁原始碼。 非同步請求與同步請求相比，不會阻塞程式的主執行緒，而會建立一個新的執行緒。 在專案導航區，開啟檢視控制器的程式碼檔案【ViewController.swift】 1 import UIKit 2 3 class ViewCont

JS獲取網頁的高和寬 以及 點選按鈕回到頂部動畫

網頁可見區域寬： document.body.clientWidth 網頁可見區域高： document.body.clientHeight 網頁可見區域寬： document.body.offsetWidth (包括邊線的寬) 網頁可見區域高： document.body.offsetHe

[C#]一個簡單的獲取網頁原始碼的函式

獲取網頁原始碼，顯示在richTextBoxWeb中： private void Show_Web() { // 獲取網頁原始碼

Python篇----Requests獲取網頁原始碼（爬蟲基礎）

1 下載與安裝 見其他教程。 2 Requsts簡介 Requests is an Apache2 Licensed HTTP library, written inPython, for human beings. Python’s standard urllib2

OKhttp3 get/post使用及獲取網頁原始碼

Okhttp現在已經成為Android開發者的標配，現在我們進行Okhttp基本功能實現，包括get請求，post請求。 首先在AndroidStudio專案中開啟build.gradle(Module:app)，然後匯入Okhttp庫 dependencies {

asp.net C# 獲取網頁原始碼的幾種方式

1 方法 System.Net.WebClient aWebClient = new System.Net.WebClient(); aWebClient.Encoding = System.Text.Encodin

ASP程式碼獲取網頁原始碼

在使用ajax的時候，我們無法跨域獲取不屬於自己的伺服器的資料，故引出了這麼一種方法來輾轉獲取： 1、向本域中的網頁請求資料，包含一個網址資訊 2、被請求的本域的網頁中的asp程式碼向跨域的伺服器請求資料，然後返回給本域中的asp檔案 程式碼： Function getH

徹底解決VB.NET獲取網頁原始碼的問題

在解決這個問題之前，我一直很苦惱。在網上到處搜尋，都找不到相應的解決辦法。網上，雖然有提及完全相同的問題的帖子，但是答案最後往往沒有得到發帖人的肯定，或者帖子就此die在論壇中。為了解決我設計網路爬蟲程式所不可迴避的獲取網頁編碼的問題，我克服重重困難，在MSDN的一個帖子中

繞過微信客戶端授權，獲取網頁原始碼

首先有人寫出來一個比較不錯的例子，我先貼出來 http://chitanda.me/2015/06/29/debug-wechat-website-in-pc/ 本來想直接連結文字的，結果發現MarkDown這種模式沒找到 但是別人講的情況都是非常基礎的情況，

js獲取網頁各種寬高

 網頁可見區域寬：document.body.clientWidth;                              $(window).width() ；  網頁可見區域高：document.body.clientHeight;            

js獲取網頁選中部分的內容，包含html程式碼

function getSelectedContents(){ if (window.getSelection) { //chrome,firefox,opera var range=window.getSelection().getRangeAt(