Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

1楼 跳转到 » 倒序看帖

字体大小: tT

发表于 2023-8-7 11:23 | 只看该作者

[文本处理] 一键修改网页源码内容的批处理（JS+XML也成）

本帖最后由 447219071 于 2023-8-7 19:31 编辑

原来以为JS+xml可以完成打开网页即自动嵌入XML文档的内容实现只要换XML就自动换网页内容，测试了无数个也无法实现【如阁下是JS高手麻烦看一下我的JS+XML代码哪出问题了，我的实际测试地址http://chren.web3v.vip/st/new.html?k=1，后面参数K=1即解析1.XML数据库文档】，所以只想到了批处理，求大神指教，谢谢！
网页源码如以下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人介绍</title>
    <link rel="stylesheet" href="css/style.css">

</head>

<body>
    <div id="bigbox">
        <div id="banner">
            <img src="picture/banner.png" alt="">
        </div>
        <nav>
            <a class="dangqian" href="">首页</a>
            <a href="duanwen.html">短文</a>
            <a href="rizhi.html">日志</a>
            <a href="liuyan.html">留言板</a>
        </nav>
        <div id="main">
            <div id="main_left">
                <h2>关于我</h2>
                <img src="picture/me.png" alt="">
                <p>
                    <span>姓名</span>:*****<br>
                    <span>性别</span>:男<br>
                    <span>爱好</span>:听歌 踢足球 打游戏<br>
                    <span>性格</span> :开朗<br>
                    <span>家乡</span>:新疆乌恰县<br>
                    <span>专业</span>:计算机网络技术
                </p>
            </div>
            <div id="main_right">
                <h2>热爱生活</h2>
                <p>
                    一、岁月从来不曾静好，只是有人在替你背负枷锁，含泪前行。也许是父母，也许是朋友，也许是陌生人……无论是谁，请记得常怀感恩之心。
                </p>
                <p>
                    二、这个世界并不完美，甚至有点残酷。你无法决定下一段旅途遇见的是好事还是坏事，可你能决定面对它们的态度。你看这个世界的角度，决定了这个世界给你的温度。
                </p>
                <p>
                    三、总会有一件事让你瞬间长大，也总会有一个人让你泪如雨下。愿你早日领教这个世界的深深恶意，让自己活得开心得意。
                </p>
                <p>
                    四、想要与众不同，却总随遇而安，想要做很多未做的事，却在现实棘手的吃喝拉撒前低下了头，我们间歇性热血满腔，长时间迷茫犯懒，别等了，再努力试试看！
                </p>
                <img src="picture/life.png" alt="">
            </div>
        </div>
        <div id="luxing">
            <h2>旅行生活</h2>
            <div>
                <div id="picture">
                    <img src="picture/11.png" alt="">
                    <p>在日月潭</p>
                </div>
                <div id="picture">
                    <img src="picture/22.png" alt="">
                    <p>
                        在毛里求斯
                    </p>
                </div>
                <div id="picture">
                    <img src="picture/33.png" alt="">
                    <p>
                        在马尔代夫
                    </p>
                </div>
                <div id="picture">
                    <img src="picture/44.png" alt="">
                    <p>
                        在玉龙雪山
                    </p>
                </div>
            </div>
        </div>
        <footer>
            <p>
                版权所有©*****
            </p>
        </footer>
    </div>
</body>
</html>
复制代码

另外附一个文本文件1.txt

改1内容：我的主页  //注：换成你的title内容
改2内容：img/1.jpg     //注：换成你的BANNER图片地址
改3内容：img/2.jpg     //注：换成你的人像图片地址
改4内容：王麻子     //注：换成你的名字
改5内容：男           //注：换成你的性别
改6内容：搞名堂     //注：换成你的爱好
改7内容：非常好     //注：换成你的性格
改8内容：郴州     //注：换成你的家乡
改9内容：火箭专科     //注：换成你的专业
改10内容：扯蛋1     //注：换成你的介绍
改11内容：扯蛋2     //注：换成你的介绍
改12内容：扯蛋2     //注：换成你的介绍
以此类推
*******
复制代码

想求一批处理运行之后就按文本文件1.txt的内容更改了网页源码，当然后面的注释是不需要插入的
批处理一键运行后改的源码类似如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>改1</title>
    <link rel="stylesheet" href="css/style.css">

</head>

<body>
    <div id="bigbox">
        <div id="banner">
            <img src="改2" alt="">
        </div>
        <nav>
            <a class="dangqian" href="">首页</a>
            <a href="duanwen.html">短文</a>
            <a href="rizhi.html">日志</a>
            <a href="liuyan.html">留言板</a>
        </nav>
        <div id="main">
            <div id="main_left">
                <h2>关于我</h2>
                <img src="改3" alt="">
                <p>
                    <span>姓名</span>:改4<br>
                    <span>性别</span>:改5<br>
                    <span>爱好</span>:改6<br>
                    <span>性格</span> :改7<br>
                    <span>家乡</span>:改8<br>
                    <span>专业</span>:改9
                </p>
            </div>
            <div id="main_right">
                <h2>热爱生活</h2>
                <p>
                   改10
                </p>
                <p>
                改11
                </p>
                <p>
                改12
                </p>
                <p>
                改13
                </p>
                <img src="改14" alt="">
            </div>
        </div>
        <div id="luxing">
            <h2>改15</h2>
            <div>
                <div id="picture">
                    <img src="改16" alt="">
                    <p>改17</p>
                </div>
                <div id="picture">
                    <img src="改18" alt="">
                    <p>
                        改19
                    </p>
                </div>
                <div id="picture">
                    <img src="改20" alt="">
                    <p>
                     改21
                    </p>
                </div>
                <div id="picture">
                    <img src="改22" alt="">
                    <p>
                     改23
                    </p>
                </div>
            </div>
        </div>
        <footer>
            <p>
                版权所有©*****
            </p>
        </footer>
    </div>
</body>

</html>
复制代码

wanghan519

二级士官

Rank: 2

帖子: 127
积分: 190
技术: 16
捐助: 0
注册时间: 2023-5-30

2楼

发表于 2023-8-7 12:21 | 只看该作者

py、js都有模板库，php、asp直接在html里写代码也行，刚刚搜了一下powershell也有模板库。。。

TOP

447219071

二级士官

Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

3楼

发表于 2023-8-7 12:28 | 只看该作者

回复 2# wanghan519

麻烦告知一下链接，我没搜到

TOP

wanghan519

二级士官

Rank: 2

帖子: 127
积分: 190
技术: 16
捐助: 0
注册时间: 2023-5-30

4楼

发表于 2023-8-7 12:34 | 只看该作者

回复 3# 447219071

在powershell里安装Install-Module -Name PSTemplate，然后比如a.html是模板，需要把里面的"改1"变成"{{改1}}"，然后执行

Invoke-PSTemplate -Template (Get-Content ./a.html) -Variables @{"改1"="title"}
复制代码

输出的就是替换后的，至于Variables里是个字典，如果需要可以从xml里读取

TOP

jyswjjgdwtdtj

中尉

Rank: 5 Rank: 5

帖子: 657
积分: 777
技术: 34
捐助: 0
注册时间: 2023-2-9

5楼

发表于 2023-8-7 13:14 | 只看该作者

啊？直接字符串替换不成？

你好

TOP

wanghan519

二级士官

Rank: 2

帖子: 127
积分: 190
技术: 16
捐助: 0
注册时间: 2023-5-30

6楼

发表于 2023-8-7 13:24 | 只看该作者

本帖最后由 wanghan519 于 2023-8-7 13:45 编辑

直接替换肯定是成的

只是用个模板库更简单，又可以在模板里写判断循环比较方便
比如这人有零个或两个或三个爱好，可以在模板里做判断或循环，多生成一行表格或直接不生成这一列或特殊的填充色，而生成模板的这句代码不用变，只需要传递的字典变化即可

后面又看到楼主这个香港空间，好像支持asp、php，那就直接写asp或php，甚至js直接请求xml也行，批处理在服务器上不方便

TOP

Five66

上尉

Rank: 5 Rank: 5

帖子: 835
积分: 1163
技术: 115
捐助: 0
注册时间: 2021-8-26

7楼

发表于 2023-8-7 13:52 | 只看该作者

在面页打开时或后，然后执行对应的js修改行不？
例如
var mdContent={title="我的主页"};
document.title=mdContent["title"];
这样的

TOP

447219071

二级士官

Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

8楼

发表于 2023-8-7 14:16 | 只看该作者

回复 7# Five66
当然可以，我看到只执行了前面一部分，而且遇到有些HTML代码里嵌入则无效果

TOP

447219071

二级士官

Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

9楼

发表于 2023-8-7 14:18 | 只看该作者

回复 6# wanghan519

只能执行部分内容，有些代入进去无反应

TOP

wanghan519

二级士官

Rank: 2

帖子: 127
积分: 190
技术: 16
捐助: 0
注册时间: 2023-5-30

10楼

发表于 2023-8-7 14:30 | 只看该作者

回复 9# 447219071

既然你的服务器支持asp，最简单的写法：
test.asp

<%
k = Request.QueryString("k")
xmlFile = Server.MapPath(k & ".xml")

Set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
xmlDoc.load(xmlFile)
title = xmlDoc.getElementsByTagName("title")(0).text
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%=title%></title>
</head>
<body>
    <h1><%=title%></h1>
    <p>This is a simple HTML5 page with the title from <%=k%>.xml.</p>
</body>
</html>
复制代码

1.xml

<?xml version="1.0" encoding="UTF-8"?>
<root>
    <title>This is the title</title>
</root>
复制代码

两个文件放到服务器上就可以访问test.asp?k=1

TOP

Five66

上尉

Rank: 5 Rank: 5

帖子: 835
积分: 1163
技术: 115
捐助: 0
注册时间: 2021-8-26

11楼

发表于 2023-8-7 17:20 | 只看该作者

本帖最后由 Five66 于 2023-8-7 17:24 编辑

修改时应该根据页面来的，试试看下面行不

页面js

<script>
$(document).ready(function(){
// 获取 URL 参数
const urlParams = new URLSearchParams(window.location.search);
// 获取查询参数
const king = urlParams.get('k'); // 获取参数值

// 发送 AJAX 请求
$.ajax({
type: "GET",
url: king + '.xml', // 获取 XML 文件的地址
dataType: "xml",
success: function(xml) {// 解析 XML 数据
const $xml = $(xml);

$xml.find('item').each(function(){

const a1 = $(this).find('a1').text();// 获取描述
const a2 = $(this).find('a2').text();// 获取描述
const a3 = $(this).find('a3').text();// 获取描述
const a4 = $(this).find('a4').text();// 获取描述
const a5 = $(this).find('a5').text();// 获取描述
const a6 = $(this).find('a6').text();// 获取描述
const a7 = $(this).find('a7').text();// 获取描述
const a8 = $(this).find('a8').text();// 获取描述
const a9 = $(this).find('a9').text();// 获取描述
//const a10 = $(this).find('a10').text();// 获取描述
//const a11 = $(this).find('a11').text();// 获取描述
//const a12 = $(this).find('a12').text();// 获取描述

document.title=a1;

$("banner").html('');
$("banner").append('<img src="'+a2+'" alt="">');

$("main_left").html('');
$("banner").append('<h2>关于我</h2><img src="'+a3+'" alt=""><p><span>姓名</span>:'+a4+'<br><span>性别</span>:'+a5+'<br><span>爱好</span>:'+a6+'<br><span>性格</span> :'+a7+'<br><span>家乡</span>:'+a8+'<br><span>专业</span>:'+a9+'</p>'

});
}

});
});
});
</script>
复制代码

xml内容

<?xml version=\"1.0\" encoding=\"utf-8\"?>
<root>

<item>
<a1>我的主页</a1>
<a2>img/1.jpg</a2>
<a3>内容：img/2.jpg</a3>
<a4>内容：王麻子</a4>
<a5>内容：男</a5>
<a6>内容：搞名堂</a6>
<a7>内容：非常好</a7>
<a8>内容：郴州</a8>
<a9>火箭专科</a9>
<a10>扯蛋1</a10>
<a11>扯蛋2</a11>
<a12>扯蛋2</a12>
</item>

</root>
复制代码

TOP

447219071

二级士官

Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

12楼

发表于 2023-8-7 23:18 | 只看该作者

回复 11# Five66

不得行，源码文件太大上传不了，网址：http://chren.web3v.vip/st/yuanma.html?k=1 我自己调整后与你展示的样式http://chren.web3v.vip/st/che.html?k=1都不得行，我自己修改的http://chren.web3v.vip/st/new.html?k=1

TOP

447219071

二级士官

Rank: 2

帖子: 123
积分: 199
技术: 6
捐助: 0
注册时间: 2014-6-23

13楼

发表于 2023-8-7 23:22 | 只看该作者

本帖最后由 447219071 于 2023-8-9 14:09 编辑

回复 10# wanghan519

ASP还不太熟悉，刚开始还似乎成功了，但网页从XML获取的资源显示中文的全是乱码，几经修改反而出500错误了，完全搞不定了，似乎ASP比HTML简约多了，求高手解决一下，谢谢

TOP

Five66

上尉

Rank: 5 Rank: 5

帖子: 835
积分: 1163
技术: 115
捐助: 0
注册时间: 2021-8-26

14楼

发表于 2023-8-8 01:24 | 只看该作者

回复 12# 447219071
额，之前那页面js第37行忘了闭合括号了，而且其括号的闭合出错了
用append好像是不行的，用传统dom就行了

TOP

Five66

上尉

Rank: 5 Rank: 5

帖子: 835
积分: 1163
技术: 115
捐助: 0
注册时间: 2021-8-26

15楼

发表于 2023-8-8 01:32 | 只看该作者

回复 14# Five66

修改后的页面js（页面需要有id为banner和main_left的标签，只要$(document).ready中的function在前端中成功运行就行了）

<script>
$(document).ready(function(){// 获取 URL 参数
const urlParams = new URLSearchParams(window.location.search);
// 获取查询参数
const king = urlParams.get('k'); // 获取参数值

// 发送 AJAX 请求

$.ajax({
type: "GET",
url: king + '.xml', // 获取 XML 文件的地址
dataType: "xml",
success: function(xml) {// 解析 XML 数据
const $xml = $(xml);

$xml.find('item').each(function(){

const a1 = $(this).find('a1').text();// 获取描述
const a2 = $(this).find('a2').text();// 获取描述
const a3 = $(this).find('a3').text();// 获取描述
const a4 = $(this).find('a4').text();// 获取描述
const a5 = $(this).find('a5').text();// 获取描述
const a6 = $(this).find('a6').text();// 获取描述
const a7 = $(this).find('a7').text();// 获取描述
const a8 = $(this).find('a8').text();// 获取描述
const a9 = $(this).find('a9').text();// 获取描述
//const a10 = $(this).find('a10').text();// 获取描述
//const a11 = $(this).find('a11').text();// 获取描述
//const a12 = $(this).find('a12').text();// 获取描述

document.title=a1;

//$("banner").html('');
//$("banner").append('<img src="'+a2+'" alt="">');
document.getElementById('banner').innerHTML='<img src="'+a1+'" alt="">';


//$("main_left").html('');
//$("main_left").append('<h2>关于我</h2><img src="'+a3+'" alt=""><p><span>姓名</span>:'+a4+'<br><span>性别</span>:'+a5+'<br><span>爱好</span>:'+a6+'<br><span>性格</span> :'+a7+'<br><span>家乡</span>:'+a8+'<br><span>专业</span>:'+a9+'</p>');
document.getElementById('main_left').innerHTML='<h2>关于我</h2><img src="'+a3+'" alt=""><p><span>姓名</span>:'+a4+'<br><span>性别</span>:'+a5+'<br><span>爱好</span>:'+a6+'<br><span>性格</span> :'+a7+'<br><span>家乡</span>:'+a8+'<br><span>专业</span>:'+a9+'</p>';
});
}

});
});
</script>
复制代码

TOP

12 下一页

返回列表

[新手上路]批处理新手入门导读	[视频教程]批处理基础视频教程	[视频教程]VBS基础视频教程	[批处理精品]批处理版照片整理器
[批处理精品]纯批处理备份&还原驱动	[批处理精品]CMD命令50条不能说的秘密	[在线下载]第三方命令行工具	[在线帮助]VBScript / JScript 在线参考

[文本处理] 一键修改网页源码内容的批处理（JS+XML也成）

[收藏此主题] [关注此主题的新回复]

[通过 QQ、MSN 分享给朋友]