Board logo

标题: [文本处理] 一键修改网页源码内容的批处理(JS+XML也成) [打印本页]

作者: 447219071    时间: 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. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>个人介绍</title>
  8.     <link rel="stylesheet" href="css/style.css">
  9. </head>
  10. <body>
  11.     <div id="bigbox">
  12.         <div id="banner">
  13.             <img src="picture/banner.png" alt="">
  14.         </div>
  15.         <nav>
  16.             <a class="dangqian" href="">首页</a>
  17.             <a href="duanwen.html">短文</a>
  18.             <a href="rizhi.html">日志</a>
  19.             <a href="liuyan.html">留言板</a>
  20.         </nav>
  21.         <div id="main">
  22.             <div id="main_left">
  23.                 <h2>关于我</h2>
  24.                 <img src="picture/me.png" alt="">
  25.                 <p>
  26.                     <span>姓名</span>:*****<br>
  27.                     <span>性别</span>:男<br>
  28.                     <span>爱好</span>:听歌 踢足球 打游戏<br>
  29.                     <span>性格</span> :开朗<br>
  30.                     <span>家乡</span>:新疆乌恰县<br>
  31.                     <span>专业</span>:计算机网络技术
  32.                 </p>
  33.             </div>
  34.             <div id="main_right">
  35.                 <h2>热爱生活</h2>
  36.                 <p>
  37.                     一、岁月从来不曾静好,只是有人在替你背负枷锁,含泪前行。也许是父母,也许是朋友,也许是陌生人……无论是谁,请记得常怀感恩之心。
  38.                 </p>
  39.                 <p>
  40.                     二、这个世界并不完美,甚至有点残酷。你无法决定下一段旅途遇见的是好事还是坏事,可你能决定面对它们的态度。你看这个世界的角度,决定了这个世界给你的温度。
  41.                 </p>
  42.                 <p>
  43.                     三、总会有一件事让你瞬间长大,也总会有一个人让你泪如雨下。愿你早日领教这个世界的深深恶意,让自己活得开心得意。
  44.                 </p>
  45.                 <p>
  46.                     四、想要与众不同,却总随遇而安,想要做很多未做的事,却在现实棘手的吃喝拉撒前低下了头,我们间歇性热血满腔,长时间迷茫犯懒,别等了,再努力试试看!
  47.                 </p>
  48.                 <img src="picture/life.png" alt="">
  49.             </div>
  50.         </div>
  51.         <div id="luxing">
  52.             <h2>旅行生活</h2>
  53.             <div>
  54.                 <div id="picture">
  55.                     <img src="picture/11.png" alt="">
  56.                     <p>在日月潭</p>
  57.                 </div>
  58.                 <div id="picture">
  59.                     <img src="picture/22.png" alt="">
  60.                     <p>
  61.                         在毛里求斯
  62.                     </p>
  63.                 </div>
  64.                 <div id="picture">
  65.                     <img src="picture/33.png" alt="">
  66.                     <p>
  67.                         在马尔代夫
  68.                     </p>
  69.                 </div>
  70.                 <div id="picture">
  71.                     <img src="picture/44.png" alt="">
  72.                     <p>
  73.                         在玉龙雪山
  74.                     </p>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <footer>
  79.             <p>
  80.                 版权所有©*****
  81.             </p>
  82.         </footer>
  83.     </div>
  84. </body>
  85. </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. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>改1</title>
  8.     <link rel="stylesheet" href="css/style.css">
  9. </head>
  10. <body>
  11.     <div id="bigbox">
  12.         <div id="banner">
  13.             <img src="改2" alt="">
  14.         </div>
  15.         <nav>
  16.             <a class="dangqian" href="">首页</a>
  17.             <a href="duanwen.html">短文</a>
  18.             <a href="rizhi.html">日志</a>
  19.             <a href="liuyan.html">留言板</a>
  20.         </nav>
  21.         <div id="main">
  22.             <div id="main_left">
  23.                 <h2>关于我</h2>
  24.                 <img src="改3" alt="">
  25.                 <p>
  26.                     <span>姓名</span>:改4<br>
  27.                     <span>性别</span>:改5<br>
  28.                     <span>爱好</span>:改6<br>
  29.                     <span>性格</span> :改7<br>
  30.                     <span>家乡</span>:改8<br>
  31.                     <span>专业</span>:改9
  32.                 </p>
  33.             </div>
  34.             <div id="main_right">
  35.                 <h2>热爱生活</h2>
  36.                 <p>
  37.                    改10
  38.                 </p>
  39.                 <p>
  40.                 改11
  41.                 </p>
  42.                 <p>
  43.                 改12
  44.                 </p>
  45.                 <p>
  46.                 改13
  47.                 </p>
  48.                 <img src="改14" alt="">
  49.             </div>
  50.         </div>
  51.         <div id="luxing">
  52.             <h2>改15</h2>
  53.             <div>
  54.                 <div id="picture">
  55.                     <img src="改16" alt="">
  56.                     <p>改17</p>
  57.                 </div>
  58.                 <div id="picture">
  59.                     <img src="改18" alt="">
  60.                     <p>
  61.                         改19
  62.                     </p>
  63.                 </div>
  64.                 <div id="picture">
  65.                     <img src="改20" alt="">
  66.                     <p>
  67.                      改21
  68.                     </p>
  69.                 </div>
  70.                 <div id="picture">
  71.                     <img src="改22" alt="">
  72.                     <p>
  73.                      改23
  74.                     </p>
  75.                 </div>
  76.             </div>
  77.         </div>
  78.         <footer>
  79.             <p>
  80.                 版权所有©*****
  81.             </p>
  82.         </footer>
  83.     </div>
  84. </body>
  85. </html>
复制代码

作者: wanghan519    时间: 2023-8-7 12:21

py、js都有模板库,php、asp直接在html里写代码也行,刚刚搜了一下powershell也有模板库。。。
作者: 447219071    时间: 2023-8-7 12:28

回复 2# wanghan519


    麻烦告知一下链接,我没搜到
作者: wanghan519    时间: 2023-8-7 12:34

回复 3# 447219071


    在powershell里安装Install-Module -Name PSTemplate,然后比如a.html是模板,需要把里面的"改1"变成"{{改1}}",然后执行
  1. Invoke-PSTemplate -Template (Get-Content ./a.html) -Variables @{"改1"="title"}
复制代码
输出的就是替换后的,至于Variables里是个字典,如果需要可以从xml里读取
作者: jyswjjgdwtdtj    时间: 2023-8-7 13:14

啊?直接字符串替换不成?
作者: wanghan519    时间: 2023-8-7 13:24

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

直接替换肯定是成的

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

后面又看到楼主这个香港空间,好像支持asp、php,那就直接写asp或php,甚至js直接请求xml也行,批处理在服务器上不方便
作者: Five66    时间: 2023-8-7 13:52

在面页打开时或后,然后执行对应的js修改行不?
例如
var mdContent={title="我的主页"};
document.title=mdContent["title"];
这样的
作者: 447219071    时间: 2023-8-7 14:16

回复 7# Five66
当然可以,我看到只执行了前面一部分,而且遇到有些HTML代码里嵌入则无效果
作者: 447219071    时间: 2023-8-7 14:18

回复 6# wanghan519


    只能执行部分内容,有些代入进去无反应
作者: wanghan519    时间: 2023-8-7 14:30

回复 9# 447219071


既然你的服务器支持asp,最简单的写法:
test.asp
  1. <%
  2. k = Request.QueryString("k")
  3. xmlFile = Server.MapPath(k & ".xml")
  4. Set xmlDoc = Server.CreateObject("Microsoft.XMLDOM")
  5. xmlDoc.load(xmlFile)
  6. title = xmlDoc.getElementsByTagName("title")(0).text
  7. %>
  8. <!DOCTYPE html>
  9. <html lang="en">
  10. <head>
  11.     <meta charset="UTF-8">
  12.     <title><%=title%></title>
  13. </head>
  14. <body>
  15.     <h1><%=title%></h1>
  16.     <p>This is a simple HTML5 page with the title from <%=k%>.xml.</p>
  17. </body>
  18. </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
作者: Five66    时间: 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. // 发送 AJAX 请求
  8. $.ajax({
  9. type: "GET",
  10. url: king + '.xml', // 获取 XML 文件的地址
  11. dataType: "xml",
  12. success: function(xml) {// 解析 XML 数据
  13. const $xml = $(xml);
  14. $xml.find('item').each(function(){
  15. const a1 = $(this).find('a1').text();// 获取描述
  16. const a2 = $(this).find('a2').text();// 获取描述
  17. const a3 = $(this).find('a3').text();// 获取描述
  18. const a4 = $(this).find('a4').text();// 获取描述
  19. const a5 = $(this).find('a5').text();// 获取描述
  20. const a6 = $(this).find('a6').text();// 获取描述
  21. const a7 = $(this).find('a7').text();// 获取描述
  22. const a8 = $(this).find('a8').text();// 获取描述
  23. const a9 = $(this).find('a9').text();// 获取描述
  24. //const a10 = $(this).find('a10').text();// 获取描述
  25. //const a11 = $(this).find('a11').text();// 获取描述
  26. //const a12 = $(this).find('a12').text();// 获取描述
  27. document.title=a1;
  28. $("banner").html('');
  29. $("banner").append('<img src="'+a2+'" alt="">');
  30. $("main_left").html('');
  31. $("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>'
  32. });
  33. }
  34. });
  35. });
  36. });
  37. </script>
复制代码
xml内容
  1. <?xml version=\"1.0\" encoding=\"utf-8\"?>
  2. <root>
  3. <item>
  4. <a1>我的主页</a1>
  5. <a2>img/1.jpg</a2>
  6. <a3>内容:img/2.jpg</a3>
  7. <a4>内容:王麻子</a4>
  8. <a5>内容:男</a5>
  9. <a6>内容:搞名堂</a6>
  10. <a7>内容:非常好</a7>
  11. <a8>内容:郴州</a8>
  12. <a9>火箭专科</a9>
  13. <a10>扯蛋1</a10>
  14. <a11>扯蛋2</a11>
  15. <a12>扯蛋2</a12>
  16. </item>
  17. </root>
复制代码

作者: 447219071    时间: 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
作者: 447219071    时间: 2023-8-7 23:22

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

回复 10# wanghan519


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

回复 12# 447219071
额,之前那页面js第37行忘了闭合括号了,而且其括号的闭合出错了
用append好像是不行的,用传统dom就行了
作者: Five66    时间: 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. // 发送 AJAX 请求
  7. $.ajax({
  8. type: "GET",
  9. url: king + '.xml', // 获取 XML 文件的地址
  10. dataType: "xml",
  11. success: function(xml) {// 解析 XML 数据
  12. const $xml = $(xml);
  13. $xml.find('item').each(function(){
  14. const a1 = $(this).find('a1').text();// 获取描述
  15. const a2 = $(this).find('a2').text();// 获取描述
  16. const a3 = $(this).find('a3').text();// 获取描述
  17. const a4 = $(this).find('a4').text();// 获取描述
  18. const a5 = $(this).find('a5').text();// 获取描述
  19. const a6 = $(this).find('a6').text();// 获取描述
  20. const a7 = $(this).find('a7').text();// 获取描述
  21. const a8 = $(this).find('a8').text();// 获取描述
  22. const a9 = $(this).find('a9').text();// 获取描述
  23. //const a10 = $(this).find('a10').text();// 获取描述
  24. //const a11 = $(this).find('a11').text();// 获取描述
  25. //const a12 = $(this).find('a12').text();// 获取描述
  26. document.title=a1;
  27. //$("banner").html('');
  28. //$("banner").append('<img src="'+a2+'" alt="">');
  29. document.getElementById('banner').innerHTML='<img src="'+a1+'" alt="">';
  30. //$("main_left").html('');
  31. //$("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>');
  32. 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>';
  33. });
  34. }
  35. });
  36. });
  37. </script>
复制代码

作者: 447219071    时间: 2023-8-9 14:11

回复 10# wanghan519


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

呃,把你的index.asp贴出来,服务器端的东西,客户端又看不到
作者: wanghan519    时间: 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简单一点
作者: 447219071    时间: 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. <!-- Favicons -->
  86. <link rel="shortcut icon" href="img/favicon_jianli.ico" type="image/x-icon">
  87. <!-- Bootstrap -->
  88. <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  89. <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
  90. <!-- Slider -->
  91. <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
  92. <link href="css/owl.theme.css" rel="stylesheet" media="screen">
  93. <!-- Stylesheet -->
  94. <link rel="stylesheet" type="text/css" href="css/style.css">
  95. <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css">
  96. <link rel="stylesheet" type="text/css" href="fonts/sns_fonts/iconfont.css">
  97. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  98. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  99. <!--[if lt IE 9]>
  100. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  101. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  102. <![endif]-->
  103. </head>
  104. <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
  105. <!-- Navigation -->
  106. <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
  107. <div class="container">
  108. <div class="navbar-header">
  109. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
  110. <i class="fa fa-bars"></i>
  111. </button>
  112. <a class="navbar-brand page-scroll" href="#page-top"><i class="fa fa-terminal"></i>我的简历</a>
  113. </div>
  114. <!-- Collect the nav links, forms, and other content for toggling -->
  115. <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
  116. <ul class="nav navbar-nav">
  117. <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
  118. <li class="hidden">
  119. <a href="#page-top"></a>
  120. </li>
  121. <li>
  122. <a class="page-scroll" href="#services">基本资料</a>
  123. </li>
  124. <li>
  125. <a class="page-scroll" href="#works">个人随拍</a>
  126. </li>
  127. <li>
  128. <a class="page-scroll" href="#about">专业技能</a>
  129. </li>
  130. <li>
  131. <a class="page-scroll" href="#team">个人经历</a>
  132. </li>
  133. <li>
  134. <a class="page-scroll" href="#testimonials">自我评价</a>
  135. </li>
  136. <li>
  137. <a class="page-scroll" href="#contact">联系方式</a>
  138. </li>
  139. </ul>
  140. </div>
  141. <!-- /.navbar-collapse -->
  142. </div>
  143. <!-- /.container -->
  144. </nav>
  145. <!-- Header -->
  146. <header class="intro">
  147. <div class="intro-body">
  148. <div class="container">
  149. <div class="row">
  150. <div class="col-md-8 col-md-offset-2">
  151. <h1>简历<span class="brand-heading">-我的简历</span></h1>
  152. <p class="intro-text">喜欢技术,热爱挑战</p>
  153. <a href="#services" class="btn btn-circle page-scroll">
  154. <i class="fa fa-angle-double-down animated"></i>
  155. </a>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. </header>
  161. <div class="copyrights">Copyright &copy; 2023 诚信图文广告中心&emsp;QQ:447219071&emsp;<a href='weixin://contacts/profile/chengxing880405' target='_blank' title="点此加微信好友">我也想建个这样的小站</a></div>
  162. <!-- Services Section -->
  163. <div id="services" class="text-center">
  164. <div class="container">
  165. <div class="section-title center">
  166. <h2>基本<strong>资料</strong></h2>
  167. <hr>
  168. </div>
  169. <div class="space"></div>
  170. <div class="row">
  171. <div class="col-md-3 col-sm-6 service"><i class="fa fa-laptop"></i>
  172. <h4><strong>个人信息</strong></h4>
  173. <p>
  174. <%=a1%></br>
  175. 年龄: <%=a2%> 籍贯:<%=a3%>
  176. </p>
  177. </div>
  178. <div class="col-md-3 col-sm-6 service"><i class="fa fa-code"></i>
  179. <h4><strong>专业学历</strong></h4>
  180. <p>
  181. <%=a4%></br>
  182. <%=a5%></br>
  183. </p>
  184. </div>
  185. <div class="col-md-3 col-sm-6 service"><i class="fa fa-rocket"></i>
  186. <h4><strong>毕业学校</strong></h4>
  187. <p>
  188. 毕业学校:<%=a6%></br>
  189. 学习技能:<%=a7%>
  190. </p>
  191. </div>
  192. <div class="col-md-3 col-sm-6 service"><i class="fa fa-bullseye"></i>
  193. <h4><strong>联系方式</strong></h4>
  194. <p><%=a8%></br>
  195. <%=a9%></p>
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. <!-- Portfolio Section -->
  201. <div id="works">
  202. <div class="container"><!-- Container -->
  203. <div class="section-title text-center center">
  204. <h2>个人<strong>随拍</strong></h2>
  205. <hr>
  206. <div class="clearfix"></div>
  207. <p><%=a10%></p>
  208. </br>
  209. </div>
  210. </div>
  211. <div class="row">
  212. <div class="portfolio-items">
  213. <div class="col-sm-6 col-md-3 col-lg-3 web">
  214. <div class="portfolio-item">
  215. <div class="hover-bg">
  216. <div class="hover-text">
  217. <h4><a href='<%=a11%>' target='_blank' ><%=a12%></a></h4>
  218. <small><%=a13%></small>
  219. <div class="clearfix"></div>
  220. <i class="fa fa-search"></i></div>
  221. <img src="<%=a14%>" class="img-responsive" ></div>
  222. </div>
  223. </div>
  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="<%=a15%>" target='_blank'><%=a16%></a></h4>
  229. <small><%=a17%></small>
  230. <div class="clearfix"></div>
  231. <i class="fa fa-search"></i></div>
  232. <img src="<%=a18%>" class="img-responsive"></div>
  233. </div>
  234. </div>
复制代码

作者: 447219071    时间: 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>
作者: Five66    时间: 2023-8-10 14:50

回复 19# 447219071
大概是(19楼代码)第四行是fso没之前没定义,是空的,作用也不明




欢迎光临 批处理之家 (http://bbs.bathome.net/) Powered by Discuz! 7.2