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

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数据库文档】，所以只想到了批处理，求大神指教，谢谢！
网页源码如以下：
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8">

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  8.     <title>个人介绍</title>

  9.     <link rel="stylesheet" href="css/style.css">

  10. 

  11. </head>

  12. 

  13. <body>

  14.     <div id="bigbox">

  15.         <div id="banner">

  16.             <img src="picture/banner.png" alt="">

  17.         </div>

  18.         <nav>

  19.             <a class="dangqian" href="">首页</a>

  20.             <a href="duanwen.html">短文</a>

  21.             <a href="rizhi.html">日志</a>

  22.             <a href="liuyan.html">留言板</a>

  23.         </nav>

  24.         <div id="main">

  25.             <div id="main_left">

  26.                 <h2>关于我</h2>

  27.                 <img src="picture/me.png" alt="">

  28.                 <p>

  29.                     <span>姓名</span>:*****<br>

  30.                     <span>性别</span>:男<br>

  31.                     <span>爱好</span>:听歌 踢足球 打游戏<br>

  32.                     <span>性格</span> :开朗<br>

  33.                     <span>家乡</span>:新疆乌恰县<br>

  34.                     <span>专业</span>:计算机网络技术

  35.                 </p>

  36.             </div>

  37.             <div id="main_right">

  38.                 <h2>热爱生活</h2>

  39.                 <p>

  40.                     一、岁月从来不曾静好，只是有人在替你背负枷锁，含泪前行。也许是父母，也许是朋友，也许是陌生人……无论是谁，请记得常怀感恩之心。

  41.                 </p>

  42.                 <p>

  43.                     二、这个世界并不完美，甚至有点残酷。你无法决定下一段旅途遇见的是好事还是坏事，可你能决定面对它们的态度。你看这个世界的角度，决定了这个世界给你的温度。

  44.                 </p>

  45.                 <p>

  46.                     三、总会有一件事让你瞬间长大，也总会有一个人让你泪如雨下。愿你早日领教这个世界的深深恶意，让自己活得开心得意。

  47.                 </p>

  48.                 <p>

  49.                     四、想要与众不同，却总随遇而安，想要做很多未做的事，却在现实棘手的吃喝拉撒前低下了头，我们间歇性热血满腔，长时间迷茫犯懒，别等了，再努力试试看！

  50.                 </p>

  51.                 <img src="picture/life.png" alt="">

  52.             </div>

  53.         </div>

  54.         <div id="luxing">

  55.             <h2>旅行生活</h2>

  56.             <div>

  57.                 <div id="picture">

  58.                     <img src="picture/11.png" alt="">

  59.                     <p>在日月潭</p>

  60.                 </div>

  61.                 <div id="picture">

  62.                     <img src="picture/22.png" alt="">

  63.                     <p>

  64.                         在毛里求斯

  65.                     </p>

  66.                 </div>

  67.                 <div id="picture">

  68.                     <img src="picture/33.png" alt="">

  69.                     <p>

  70.                         在马尔代夫

  71.                     </p>

  72.                 </div>

  73.                 <div id="picture">

  74.                     <img src="picture/44.png" alt="">

  75.                     <p>

  76.                         在玉龙雪山

  77.                     </p>

  78.                 </div>

  79.             </div>

  80.         </div>

  81.         <footer>

  82.             <p>

  83.                 版权所有©*****

  84.             </p>

  85.         </footer>

  86.     </div>

  87. </body>

  88. </html>
复制代码
另外附一个文本文件1.txt
  1. 改1内容：我的主页  //注：换成你的title内容

  2. 改2内容：img/1.jpg     //注：换成你的BANNER图片地址

  3. 改3内容：img/2.jpg     //注：换成你的人像图片地址

  4. 改4内容：王麻子     //注：换成你的名字

  5. 改5内容：男           //注：换成你的性别

  6. 改6内容：搞名堂     //注：换成你的爱好

  7. 改7内容：非常好     //注：换成你的性格

  8. 改8内容：郴州     //注：换成你的家乡

  9. 改9内容：火箭专科     //注：换成你的专业

  10. 改10内容：扯蛋1     //注：换成你的介绍

  11. 改11内容：扯蛋2     //注：换成你的介绍

  12. 改12内容：扯蛋2     //注：换成你的介绍

  13. 以此类推

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

  2. <html lang="en">

  3. 

  4. <head>

  5.     <meta charset="UTF-8">

  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">

  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">

  8.     <title>改1</title>

  9.     <link rel="stylesheet" href="css/style.css">

  10. 

  11. </head>

  12. 

  13. <body>

  14.     <div id="bigbox">

  15.         <div id="banner">

  16.             <img src="改2" alt="">

  17.         </div>

  18.         <nav>

  19.             <a class="dangqian" href="">首页</a>

  20.             <a href="duanwen.html">短文</a>

  21.             <a href="rizhi.html">日志</a>

  22.             <a href="liuyan.html">留言板</a>

  23.         </nav>

  24.         <div id="main">

  25.             <div id="main_left">

  26.                 <h2>关于我</h2>

  27.                 <img src="改3" alt="">

  28.                 <p>

  29.                     <span>姓名</span>:改4<br>

  30.                     <span>性别</span>:改5<br>

  31.                     <span>爱好</span>:改6<br>

  32.                     <span>性格</span> :改7<br>

  33.                     <span>家乡</span>:改8<br>

  34.                     <span>专业</span>:改9

  35.                 </p>

  36.             </div>

  37.             <div id="main_right">

  38.                 <h2>热爱生活</h2>

  39.                 <p>

  40.                    改10

  41.                 </p>

  42.                 <p>

  43.                 改11

  44.                 </p>

  45.                 <p>

  46.                 改12

  47.                 </p>

  48.                 <p>

  49.                 改13

  50.                 </p>

  51.                 <img src="改14" alt="">

  52.             </div>

  53.         </div>

  54.         <div id="luxing">

  55.             <h2>改15</h2>

  56.             <div>

  57.                 <div id="picture">

  58.                     <img src="改16" alt="">

  59.                     <p>改17</p>

  60.                 </div>

  61.                 <div id="picture">

  62.                     <img src="改18" alt="">

  63.                     <p>

  64.                         改19

  65.                     </p>

  66.                 </div>

  67.                 <div id="picture">

  68.                     <img src="改20" alt="">

  69.                     <p>

  70.                      改21

  71.                     </p>

  72.                 </div>

  73.                 <div id="picture">

  74.                     <img src="改22" alt="">

  75.                     <p>

  76.                      改23

  77.                     </p>

  78.                 </div>

  79.             </div>

  80.         </div>

  81.         <footer>

  82.             <p>

  83.                 版权所有©*****

  84.             </p>

  85.         </footer>

  86.     </div>

  87. </body>

  88. 

  89. </html>
复制代码
收藏 分享

Five66

Rank: 5Rank: 5

帖子
610 
积分
855 
技术
80  
捐助
0  
注册时间
2021-8-26 
21楼
发表于 2023-8-10 14:50 | 只看该作者
回复 19# 447219071
大概是（19楼代码）第四行是fso没之前没定义，是空的，作用也不明

TOP

447219071

Rank: 2

帖子
123 
积分
199 
技术
6  
捐助
0  
注册时间
2014-6-23 
20楼
发表于 2023-8-10 13:41 | 只看该作者
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<div class="hover-text">
<h4><a href="<%=a19%>" target='_blank'><%=a20%></a></h4>
<small><%=a21%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i></div>
<img src="<%=a22%>" class="img-responsive"></div>
</div>
</div>

<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<div class="hover-text">
<h4><a href='<%=a23%>' target='_blank'><%=a24%></h4>
<small><%=a25%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i></div>
<img src="<%=a26%>" class="img-responsive"></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web">
<div class="portfolio-item">
<div class="hover-bg">
<div class="hover-text">
<h4><a href='<%=a27%>' target='_blank'><%=a28%></a></h4>
<small><%=a29%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i></div>
<img src="<%=a30%>" class="img-responsive">
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding">
<div class="portfolio-item">
<div class="hover-bg">
<div class="hover-text">
<h4><a href="<%=a31%>" target='_blank'><%=a32%></a></h4>
<small><%=a33%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i></div>
<img src="<%=a34%>" class="img-responsive"></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 branding app web">
<div class="portfolio-item">
<div class="hover-bg">
<div class="hover-text">
<h4><a href="<%=a35%>" target='_blank'><%=a36%></a></h4>
<small><%=a37%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i></div>
<img src="<%=a38%>" class="img-responsive"></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3 web app">
<div class="portfolio-item">

<div class="hover-bg">
<div class="hover-text">
<h4><a href='<%=a39%>' target='_blank'><%=a40%></a></h4>
<small><%=a41%></small>
<div class="clearfix"></div>
<i class="fa fa-search"></i>
</div>
<img src="<%=a42%>" class="img-responsive">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- About Section -->
<div id="about">
<div class="container">
<div class="section-title text-center center">
<h2><strong>专业</strong> 技能</h2>
<hr>
</div>
<div class="row">
<div class="col-md-6"><img src="img/about.png" class="img-responsive"></div>
<div class="col-md-6">
<div class="about-text"><i class="fa fa-users"></i>
<div class="padding-left"><h4>个人能力</h4>
<p><%=a43%></p></div>
<i class="fa fa-magic"></i>
<div class="padding-left"><h4>个人荣誉</h4>
<p><%=a44%></p></div>
<i class="fa fa-check-square-o"></i>
<div class="padding-left"><h4>其它</h4>
<p><%=a45%></p></div>
</div>
</div>
</div>
</div>
</div>

<!-- Team Section -->
<div id="team" class="text-center">
<div class="container">
<div class="section-title center">
<h2>个人<strong>经历</strong></h2>
<hr>
<p><%=a46%></p>
</div>
<div id="row">

<div class="col-md-3 col-sm-6">
<div class="thumbnail"><img src="<%=a47%>" class="img-circle team-img">
<div class="caption">
<h3><%=a48%></h3>
<p><%=a49%></p>
<p><%=a50%></p>
</div>
</div>
</div>

<div class="col-md-3 col-sm-6">
<div class="thumbnail"><img src="<%=a51%>" class="img-circle team-img">
<div class="caption">
<h3><%=a52%></h3>
<p><%=a53%></p>
<p><%=a54%></p>
</div>
</div>
</div>



<div class="col-md-3 col-sm-6">
<div class="thumbnail"><img src="<%=a55%>"  class="img-circle team-img">
<div class="caption">
<h3><%=a56%></h3>
<p><%=a57%></p>
<p><%=a58%></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="thumbnail"><img src="<%=a59%>" class="img-circle team-img">
<div class="caption">
<h3><%=a60%></h3>
<p><%=a61%></p>
<p><%=a62%></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonials Section -->
<div id="testimonials" class="text-center">
<div class="container">
<div class="section-title center">
<h2>自我<strong>评价</strong></h2>
<hr>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div id="testimonial" class="owl-carousel owl-theme">
<div class="item">
<p><%=a63%></p>
</div>
<div class="item">
<p><%=a64%></p>
</div>
<div class="item">
<p><%=a65%></p>
</div>
</div>
</div>
</div>
</div>
</div>

<!-- Contact Section -->
<div id="contact" class="text-center">
<div class="container">
<div class="section-title center">
<h2><strong>联系</strong> 方式</h2>
<hr>
</div>
<div class="col-md-8 col-md-offset-2">
<div class="col-md-4"><i class="fa fa-map-marker fa-2x"></i>
<p><%=a66%></p>
</div>
<div class="col-md-4"><i class="icon iconfont"></i>
<p><%=a67%></p>
</div>
<div class="col-md-4"><i class="fa fa-phone fa-2x"></i>
<p><%=a68%></p>
</div>

<hr>
<div class="clearfix"></div>
</div>

<div class="form-group">

<p class="help-block text-danger"></p>
</div>
<div id="success"></div>
</form>
</div>
</div>
</div>
</div>
<nav id="footer">
<div class="container">
<div class="pull-left fnav">
<p>Copyright &copy; 2023 诚信图文广告中心&emsp;QQ：447219071&emsp;<a href='weixin://contacts/profile/chengxing880405' target='_blank' title="点此加微信好友">我也想建个这样的小站</a></p>
</div>
<div class="pull-right fnav">
<ul class="footer-social">
<div class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/button.js#style=-1&uuid=&pophcol=2&lang=zh"></script><a class="bshareDiv" οnclick="javascript:return false;"></a><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
</ul>
</div>
</div>
</nav>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/jquery.counterup.js"></script>
<script type="text/javascript" src="js/waypoints.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/contact_me.js"></script>
<script src="js/owl.carousel.js"></script>

<!-- Javascripts
================================================== -->
<script type="text/javascript" src="js/main.js"></script>

<script>
$(function()
{
var u = navigator.userAgent;
if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1||u.indexOf('iPhone') > -1||u.indexOf('Windows Phone') > -1||navigator.userAgent.indexOf("iPad")>-1) {
$(".hover-bg .hover-text").css({'opacity':'1'});

$(".hover-bg .hover-text>h4").css({'opacity':'1','-webkit-transform':'translateY(0)','transform':'translateY(0)'});

$(".hover-bg .hover-text>i").css({'opacity':'1'});
}

});

</script>
</body>
</html>

TOP

447219071

Rank: 2

帖子
123 
积分
199 
技术
6  
捐助
0  
注册时间
2014-6-23 
19楼
发表于 2023-8-10 13:41 | 只看该作者
一个贴不下，分成2个回复才成
  1. <%

  2. k = Request.QueryString("k")

  3. xmlFile = Server.MapPath(k & ".xml")

  4. Set MyFile = fso.CreateTextFile(xmlfile,True,-1)

  5. Set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")

  6. XmlDom.load(Server.mappath(xmlFile))

  7. a1 = xmlDoc.getElementsByTagName("a1")(0).text

  8. a2 = xmlDoc.getElementsByTagName("a2")(0).text

  9. a3 = xmlDoc.getElementsByTagName("a3")(0).text

  10. a4 = xmlDoc.getElementsByTagName("a4")(0).text

  11. a5 = xmlDoc.getElementsByTagName("a5")(0).text

  12. a6 = xmlDoc.getElementsByTagName("a6")(0).text

  13. a7 = xmlDoc.getElementsByTagName("a7")(0).text

  14. a8 = xmlDoc.getElementsByTagName("a8")(0).text

  15. a9 = xmlDoc.getElementsByTagName("a9")(0).text

  16. a10 = xmlDoc.getElementsByTagName("a10")(0).text

  17. a11 = xmlDoc.getElementsByTagName("a11")(0).text

  18. a12 = xmlDoc.getElementsByTagName("a12")(0).text

  19. a13 = xmlDoc.getElementsByTagName("a13")(0).text

  20. a14 = xmlDoc.getElementsByTagName("a14")(0).text

  21. a15 = xmlDoc.getElementsByTagName("a15")(0).text

  22. a16 = xmlDoc.getElementsByTagName("a16")(0).text

  23. a17 = xmlDoc.getElementsByTagName("a17")(0).text

  24. a18 = xmlDoc.getElementsByTagName("a18")(0).text

  25. a19 = xmlDoc.getElementsByTagName("a19")(0).text

  26. a20 = xmlDoc.getElementsByTagName("a20")(0).text

  27. a21 = xmlDoc.getElementsByTagName("a21")(0).text

  28. a22 = xmlDoc.getElementsByTagName("a22")(0).text

  29. a23 = xmlDoc.getElementsByTagName("a23")(0).text

  30. a24 = xmlDoc.getElementsByTagName("a24")(0).text

  31. a25 = xmlDoc.getElementsByTagName("a25")(0).text

  32. a26 = xmlDoc.getElementsByTagName("a26")(0).text

  33. a27 = xmlDoc.getElementsByTagName("a27")(0).text

  34. a28 = xmlDoc.getElementsByTagName("a28")(0).text

  35. a29 = xmlDoc.getElementsByTagName("a29")(0).text

  36. a30 = xmlDoc.getElementsByTagName("a30")(0).text

  37. a31 = xmlDoc.getElementsByTagName("a31")(0).text

  38. a32 = xmlDoc.getElementsByTagName("a32")(0).text

  39. a33 = xmlDoc.getElementsByTagName("a33")(0).text

  40. a34 = xmlDoc.getElementsByTagName("a34")(0).text

  41. a35 = xmlDoc.getElementsByTagName("a35")(0).text

  42. a36 = xmlDoc.getElementsByTagName("a36")(0).text

  43. a37 = xmlDoc.getElementsByTagName("a37")(0).text

  44. a38 = xmlDoc.getElementsByTagName("a38")(0).text

  45. a39 = xmlDoc.getElementsByTagName("a39")(0).text

  46. a40 = xmlDoc.getElementsByTagName("a40")(0).text

  47. a41 = xmlDoc.getElementsByTagName("a41")(0).text

  48. a42 = xmlDoc.getElementsByTagName("a42")(0).text

  49. a43 = xmlDoc.getElementsByTagName("a43")(0).text

  50. a44 = xmlDoc.getElementsByTagName("a44")(0).text

  51. a45 = xmlDoc.getElementsByTagName("a45")(0).text

  52. a46 = xmlDoc.getElementsByTagName("a46")(0).text

  53. a47 = xmlDoc.getElementsByTagName("a47")(0).text

  54. a48 = xmlDoc.getElementsByTagName("a48")(0).text

  55. a49 = xmlDoc.getElementsByTagName("a49")(0).text

  56. a50 = xmlDoc.getElementsByTagName("a50")(0).text

  57. a51 = xmlDoc.getElementsByTagName("a51")(0).text

  58. a52 = xmlDoc.getElementsByTagName("a52")(0).text

  59. a53 = xmlDoc.getElementsByTagName("a53")(0).text

  60. a54 = xmlDoc.getElementsByTagName("a54")(0).text

  61. a55 = xmlDoc.getElementsByTagName("a55")(0).text

  62. a56 = xmlDoc.getElementsByTagName("a56")(0).text

  63. a57 = xmlDoc.getElementsByTagName("a57")(0).text

  64. a58 = xmlDoc.getElementsByTagName("a58")(0).text

  65. a59 = xmlDoc.getElementsByTagName("a59")(0).text

  66. a60 = xmlDoc.getElementsByTagName("a60")(0).text

  67. a61 = xmlDoc.getElementsByTagName("a61")(0).text

  68. a62 = xmlDoc.getElementsByTagName("a62")(0).text

  69. a63 = xmlDoc.getElementsByTagName("a63")(0).text

  70. a64 = xmlDoc.getElementsByTagName("a64")(0).text

  71. a65 = xmlDoc.getElementsByTagName("a65")(0).text

  72. a66 = xmlDoc.getElementsByTagName("a66")(0).text

  73. a67 = xmlDoc.getElementsByTagName("a67")(0).text

  74. a68 = xmlDoc.getElementsByTagName("a68")(0).text

  75. %>

  76. <!DOCTYPE html>

  77. <html lang="en">

  78. <head>

  79. <meta charset="UTF-8">

  80. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  81. <meta name="viewport" content="width=device-width, initial-scale=1">

  82. <title>我的简历</title>

  83. <meta name="description" content="个人简历描述">

  84. <meta name="keywords" content="关键词" />

  85. 

  86. <!-- Favicons -->

  87. <link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">

  88. 

  89. <!-- Bootstrap -->

  90. <link rel="stylesheet" type="text/css" href="css/bootstrap.css">

  91. <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">

  92. 

  93. <!-- Slider -->

  94. <link href="css/owl.carousel.css" rel="stylesheet" media="screen">

  95. <link href="css/owl.theme.css" rel="stylesheet" media="screen">

  96. 

  97. <!-- Stylesheet -->

  98. <link rel="stylesheet" type="text/css" href="css/style.css">

  99. <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">

  100. <link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">

  101. 

  102. 

  103. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

  104. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

  105. <!--[if lt IE 9]>

  106. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

  107. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

  108. <![endif]-->

  109. </head>

  110. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

  111. <!-- Navigation -->

  112. <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">

  113. <div class="container">

  114. <div class="navbar-header">

  115. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">

  116. <i class="fa fa-bars"></i>

  117. </button>

  118. <a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-terminal"></i>我的简历</a>

  119. </div>

  120. 

  121. <!-- Collect the nav links, forms, and other content for toggling -->

  122. <div class="collapse navbar-collapse navbar-right navbar-main-collapse">

  123. <ul class="nav navbar-nav">

  124. <!-- Hidden li included to remove active class from about link when scrolled up past about section -->

  125. <li class="hidden">

  126. <a href="#page-top"></a>

  127. </li>

  128. <li>

  129. <a class="page-scroll" href="#services">基本资料</a>

  130. </li>

  131. <li>

  132. <a class="page-scroll" href="#works">个人随拍</a>

  133. </li> 

  134. <li>

  135. <a class="page-scroll" href="#about">专业技能</a>

  136. </li> 

  137. <li>

  138. <a class="page-scroll" href="#team">个人经历</a>

  139. </li>

  140. <li>

  141. <a class="page-scroll" href="#testimonials">自我评价</a>

  142. </li> 

  143. <li>

  144. <a class="page-scroll" href="#contact">联系方式</a>

  145. </li>

  146. </ul>

  147. </div>

  148. <!-- /.navbar-collapse -->

  149. </div>

  150. <!-- /.container -->

  151. </nav>

  152. 

  153. <!-- Header -->

  154. <header class="intro">

  155. <div class="intro-body">

  156. <div class="container">

  157. <div class="row">

  158. <div class="col-md-8 col-md-offset-2">

  159. <h1>简历<span class="brand-heading">-我的简历</span></h1>

  160. <p class="intro-text">喜欢技术，热爱挑战</p>

  161. <a href="#services" class="btn btn-circle page-scroll">

  162. <i class="fa fa-angle-double-down animated"></i>

  163. </a>

  164. </div>

  165. </div>

  166. </div>

  167. </div>

  168. </header>

  169. <div class="copyrights">Copyright &copy; 2023 诚信图文广告中心&emsp;QQ：447219071&emsp;<a href='weixin://contacts/profile/chengxing880405' target='_blank' title="点此加微信好友">我也想建个这样的小站</a></div>

  170. <!-- Services Section -->

  171. <div id="services" class="text-center">

  172. <div class="container">

  173. <div class="section-title center">

  174. <h2>基本<strong>资料</strong></h2>

  175. <hr>

  176. </div>

  177. <div class="space"></div>

  178. <div class="row">

  179. <div class="col-md-3 col-sm-6 service"><i class="fa fa-laptop"></i>

  180. <h4><strong>个人信息</strong></h4>

  181. <p>

  182. <%=a1%></br>

  183. 年龄: <%=a2%> 籍贯：<%=a3%>

  184. </p>

  185. </div>

  186. <div class="col-md-3 col-sm-6 service"><i class="fa fa-code"></i>

  187. <h4><strong>专业学历</strong></h4>

  188. <p>

  189. <%=a4%></br>

  190. <%=a5%></br>

  191. 

  192. </p>

  193. </div>

  194. <div class="col-md-3 col-sm-6 service"><i class="fa fa-rocket"></i>

  195. <h4><strong>毕业学校</strong></h4>

  196. <p>

  197.  毕业学校：<%=a6%></br>

  198.  学习技能：<%=a7%>

  199. </p>

  200. </div>

  201. <div class="col-md-3 col-sm-6 service"><i class="fa fa-bullseye"></i>

  202. <h4><strong>联系方式</strong></h4>

  203. <p><%=a8%></br>

  204.  <%=a9%></p>

  205. </div>

  206. </div>

  207. </div>

  208. </div>

  209. <!-- Portfolio Section -->

  210. <div id="works">

  211. <div class="container"><!-- Container -->

  212. <div class="section-title text-center center">

  213. <h2>个人<strong>随拍</strong></h2>

  214. <hr>

  215. <div class="clearfix"></div>

  216. <p><%=a10%></p>

  217. </br>

  218. </div>

  219. 

  220. </div>

  221. <div class="row">

  222. <div class="portfolio-items">

  223.  

  224. <div class="col-sm-6 col-md-3 col-lg-3 web">

  225. <div class="portfolio-item">

  226. <div class="hover-bg">

  227. <div class="hover-text">

  228. <h4><a href='<%=a11%>' target='_blank' ><%=a12%></a></h4>

  229. <small><%=a13%></small>

  230. <div class="clearfix"></div>

  231. <i class="fa fa-search"></i></div>

  232. <img src="<%=a14%>" class="img-responsive" ></div>

  233. </div>

  234. </div>

  235. 

  236. <div class="col-sm-6 col-md-3 col-lg-3 web">

  237. <div class="portfolio-item">

  238. <div class="hover-bg">

  239. <div class="hover-text">

  240. <h4><a href="<%=a15%>" target='_blank'><%=a16%></a></h4>

  241. <small><%=a17%></small>

  242. <div class="clearfix"></div>

  243. <i class="fa fa-search"></i></div>

  244. <img src="<%=a18%>" class="img-responsive"></div>

  245. </div>

  246. </div>
复制代码

TOP

wanghan519

Rank: 2

帖子
124 
积分
181 
技术
14  
捐助
0  
注册时间
2023-5-30 
18楼
发表于 2023-8-9 15:36 | 只看该作者
回复 16# 447219071


     中文乱码需要在asp开头加上<%@ Language="VBScript" CodePage=65001 %>，文件需要保存成utf-8

但asp不一定是好选择，asp classic太旧了，.net用的人又很少，它的好处是和office那一套配合很好，用起来也基本一致；
js可以发请求再解析xml获取数据，但更多网站需要从数据库取数据，浏览器里的js不太合适；
php是目前最多网站所采用的，但找工作还是java后端养活了最多的人。。。

也就是说花精力学asp或php不太划算，不过这种动态网页，需要个简单的后端语言，再加上这个服务器的支持，好像只能选php或asp了，php强一点asp简单一点

TOP

Five66

Rank: 5Rank: 5

帖子
610 
积分
855 
技术
80  
捐助
0  
注册时间
2021-8-26 
17楼
发表于 2023-8-9 15:26 | 只看该作者
呃，把你的index.asp贴出来，服务器端的东西，客户端又看不到

TOP

447219071

Rank: 2

帖子
123 
积分
199 
技术
6  
捐助
0  
注册时间
2014-6-23 
16楼
发表于 2023-8-9 14:11 | 只看该作者
回复 10# wanghan519


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

TOP

Five66

Rank: 5Rank: 5

帖子
610 
积分
855 
技术
80  
捐助
0  
注册时间
2021-8-26 
15楼
发表于 2023-8-8 01:32 | 只看该作者
回复 14# Five66

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

  2. $(document).ready(function(){// 获取 URL 参数

  3. const urlParams = new URLSearchParams(window.location.search);

  4. // 获取查询参数

  5. const king = urlParams.get('k'); // 获取参数值

  6. 

  7. // 发送 AJAX 请求

  8. 

  9. $.ajax({

  10. type: "GET",

  11. url: king + '.xml', // 获取 XML 文件的地址

  12. dataType: "xml",

  13. success: function(xml) {// 解析 XML 数据

  14. const $xml = $(xml);

  15. 

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

  17. 

  18. const a1 = $(this).find('a1').text();// 获取描述

  19. const a2 = $(this).find('a2').text();// 获取描述

  20. const a3 = $(this).find('a3').text();// 获取描述

  21. const a4 = $(this).find('a4').text();// 获取描述

  22. const a5 = $(this).find('a5').text();// 获取描述

  23. const a6 = $(this).find('a6').text();// 获取描述

  24. const a7 = $(this).find('a7').text();// 获取描述

  25. const a8 = $(this).find('a8').text();// 获取描述

  26. const a9 = $(this).find('a9').text();// 获取描述

  27. //const a10 = $(this).find('a10').text();// 获取描述

  28. //const a11 = $(this).find('a11').text();// 获取描述

  29. //const a12 = $(this).find('a12').text();// 获取描述

  30. 

  31. document.title=a1;

  32. 

  33. //$("banner").html('');

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

  35. document.getElementById('banner').innerHTML='<img src="'+a1+'" alt="">';

  36. 

  37. 

  38. //$("main_left").html('');

  39. //$("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>');

  40. 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>';

  41. });

  42. }

  43. 

  44. });

  45. });

  46. </script>
复制代码

TOP

Five66

Rank: 5Rank: 5

帖子
610 
积分
855 
技术
80  
捐助
0  
注册时间
2021-8-26 
14楼
发表于 2023-8-8 01:24 | 只看该作者
回复 12# 447219071
额，之前那页面js第37行忘了闭合括号了，而且其括号的闭合出错了
用append好像是不行的，用传统dom就行了

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

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

Five66

Rank: 5Rank: 5

帖子
610 
积分
855 
技术
80  
捐助
0  
注册时间
2021-8-26 
11楼
发表于 2023-8-7 17:20 | 只看该作者
本帖最后由 Five66 于 2023-8-7 17:24 编辑

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

页面js
  1. <script>

  2. $(document).ready(function(){

  3. // 获取 URL 参数

  4. const urlParams = new URLSearchParams(window.location.search);

  5. // 获取查询参数

  6. const king = urlParams.get('k'); // 获取参数值

  7. 

  8. // 发送 AJAX 请求

  9. $.ajax({

  10. type: "GET",

  11. url: king + '.xml', // 获取 XML 文件的地址

  12. dataType: "xml",

  13. success: function(xml) {// 解析 XML 数据

  14. const $xml = $(xml);

  15. 

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

  17. 

  18. const a1 = $(this).find('a1').text();// 获取描述

  19. const a2 = $(this).find('a2').text();// 获取描述

  20. const a3 = $(this).find('a3').text();// 获取描述

  21. const a4 = $(this).find('a4').text();// 获取描述

  22. const a5 = $(this).find('a5').text();// 获取描述

  23. const a6 = $(this).find('a6').text();// 获取描述

  24. const a7 = $(this).find('a7').text();// 获取描述

  25. const a8 = $(this).find('a8').text();// 获取描述

  26. const a9 = $(this).find('a9').text();// 获取描述

  27. //const a10 = $(this).find('a10').text();// 获取描述

  28. //const a11 = $(this).find('a11').text();// 获取描述

  29. //const a12 = $(this).find('a12').text();// 获取描述

  30. 

  31. document.title=a1;

  32. 

  33. $("banner").html('');

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

  35. 

  36. $("main_left").html('');

  37. $("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>'

  38. 

  39. });

  40. }

  41. 

  42. });

  43. });

  44. });

  45. </script>
复制代码
xml内容
  1. <?xml version=\"1.0\" encoding=\"utf-8\"?>

  2. <root>

  3. 

  4. <item>

  5. <a1>我的主页</a1>

  6. <a2>img/1.jpg</a2>

  7. <a3>内容：img/2.jpg</a3>

  8. <a4>内容：王麻子</a4>

  9. <a5>内容：男</a5>

  10. <a6>内容：搞名堂</a6>

  11. <a7>内容：非常好</a7>

  12. <a8>内容：郴州</a8>

  13. <a9>火箭专科</a9>

  14. <a10>扯蛋1</a10>

  15. <a11>扯蛋2</a11>

  16. <a12>扯蛋2</a12>

  17. </item>

  18. 

  19. </root>
复制代码

TOP

wanghan519

Rank: 2

帖子
124 
积分
181 
技术
14  
捐助
0  
注册时间
2023-5-30 
10楼
发表于 2023-8-7 14:30 | 只看该作者
回复 9# 447219071


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

  2. k = Request.QueryString("k")

  3. xmlFile = Server.MapPath(k & ".xml")

  4. 

  5. Set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")

  6. xmlDoc.load(xmlFile)

  7. title = xmlDoc.getElementsByTagName("title")(0).text

  8. %>

  9. <!DOCTYPE html>

  10. <html lang="en">

  11. <head>

  12.     <meta charset="UTF-8">

  13.     <title><%=title%></title>

  14. </head>

  15. <body>

  16.     <h1><%=title%></h1>

  17.     <p>This is a simple HTML5 page with the title from <%=k%>.xml.</p>

  18. </body>

  19. </html>
复制代码
1.xml
  1. <?xml version="1.0" encoding="UTF-8"?>

  2. <root>

  3.     <title>This is the title</title>

  4. </root>
复制代码
两个文件放到服务器上就可以访问test.asp?k=1

TOP

447219071

Rank: 2

帖子
123 
积分
199 
技术
6  
捐助
0  
注册时间
2014-6-23 
9楼
发表于 2023-8-7 14:18 | 只看该作者
回复 6# wanghan519


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

TOP

447219071

Rank: 2

帖子
123 
积分
199 
技术
6  
捐助
0  
注册时间
2014-6-23 
8楼
发表于 2023-8-7 14:16 | 只看该作者
回复 7# Five66
当然可以，我看到只执行了前面一部分，而且遇到有些HTML代码里嵌入则无效果

TOP

12
返回列表