html网页怎样实现每次打开网页，指定的某段文字和图片内容都不一样？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html网页怎样实现每次打开网页，指定的某段文字和图片内容都不一样？相关的知识，希望对你有一定的参考价值。
说明代码如下：
<body>
<div style="line-height:2">我叫大锤今年20岁，我喜欢隔壁班诸葛钢铁。</div>
<img src="诸葛钢铁的照片.jpg">
</body>
想要实现的效果是，在一个静态html页面中，所有的指定的文字单词和图片，如"大锤"、“诸葛钢铁”和“诸葛钢铁的照片.jpg”，这三个指定的内容，随着每次重新打开网页，内容都会替换成另外一套预先配置好的文字和图片。比如下面这样：
<body>
<div style="line-height:2">我叫山珍今年20岁，我喜欢隔壁班海味。</div>
<img src="海味的照片.jpg">
</body>
三套或者更多的一套文字和图片，随着每次打开网页轮换显示，而不影响其他内容。
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="name">我叫大锤今年20岁，我喜欢隔壁班诸葛钢铁。</div>
<img src="诸葛钢铁的照片.jpg" id="src">
<script>
var mycars = new Array()
mycars[0] = "大锤,诸葛钢铁,诸葛钢铁诸葛的照片.jpg"
mycars[1] = "大炮,钢铁,钢铁的照片.jpg"
mycars[2] = "大胆,诸葛,诸葛的照片.jpg"
var d= Math.ceil(Math.random()*mycars.length)-1;
console.log(mycars[d]);
var str=mycars[d].split(",");
console.log(str[0]);
document.getElementById("name").innerHTML="我叫"+str[0]+"今年20岁，我喜欢隔壁班"+str[1];
document.getElementById("src").src=str[2];
</script>
</body>
</html>
看一下是不是你需要的， 大锤,诸葛钢铁,诸葛钢铁诸葛的照片.jpg 这三个是可以自己设置的，
这个调用使用的是ID，但ID不是具有唯一性吗，如果在其他标签和段落下使用，除了最开始的标签外，其他的都不会显示啊。
使用有诸如：我叫【调用变量值】今年20岁，我喜欢隔壁班【调用变量值】。
这样的方法，只有三个关键的内容字段变化。你上面给我的方法，是把整段内容指定进去了哦。
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var mycars = new Array()
mycars[0] = "大锤,诸葛钢铁,诸葛钢铁诸葛的照片.jpg"
mycars[1] = "大炮,钢铁,钢铁的照片.jpg"
mycars[2] = "大胆,诸葛,诸葛的照片.jpg"
var d= Math.ceil(Math.random()*mycars.length)-1;
console.log(mycars[d]);
var str=mycars[d].split(",");
console.log(str[0]);
//document.getElementById("name").innerHTML="我叫"+str[0]+"今年20岁，我喜欢隔壁班"+str[1];
//document.getElementById("src").src=str[2];
</script>
<div>我叫<script>document.write(str[0]);</script>今年20岁，我喜欢隔壁班<script>document.write(str[1]);</script>。</div>
<script>document.write("<img src="+str[2]+">")</script>
</body>
</html> 参考技术A 给你个思路：用js写个随机函数来显示 参考技术B 在学js了吗？你可以使用js的随机函数（math.random（））实现.
QT打开一个网页，并获取网页内容，该怎么处理
获取内页内容最直接的办法就是选择要复制的内容，右击鼠标复制，或者CTRL+C复制，ctrl+v粘贴即可。
对于此方法无法复制的网页内容可以通过在浏览器右上角的工具-查看源代码，
把该文字的第一句用CTRL+F查找这段文字，
把记住你要复制文字的开头和结尾，选择后网页文字和代码一起复制，
再通过一个HTML编程器进行转换，像这里就是HTML的编辑器，或者在网站后台发布文章的位置点击源码，
这时候其他图标都变成灰色。
复制刚刚的文字，然后再粘贴，
这时候有代码，请再点击一下源码，切换回来刚刚的状态
文字变成正常网页显示的内容，再复制粘贴即可。
获取网页源码的小例子，代码很简单，就不多作解释了。
不过一定要注意网页的编码问题，否则会出现乱码的！！！
[cpp] view plain copy print?#include <QtCore>
#include <QtNetwork>
//网页地址
const QString URLSTR = "http://www.csdn.net/";
//储存网页代码的文件
const QString FILE_NAME = "code.html";
int main(int argc, char **argv)
QCoreApplication app(argc, argv);
QUrl url(URLSTR);
QNetworkAccessManager manager;
QEventLoop loop;
QTextCodec *codec;
QNetworkReply *reply;
qDebug() << "Reading html code form " << URLSTR;
reply = manager.get(QNetworkRequest(url));
//请求结束并下载完成后，退出子事件循环
QObject::connect(reply, SIGNAL(finished()), &loop, SLOT(quit()));
//开启子事件循环
loop.exec();
//获取源码，打开文件
QFile file(FILE_NAME);
if( !file.open(QIODevice::WriteOnly | QIODevice::Text) )
qDebug() << "Cannot open the file: " << FILE_NAME;
return 0;
QTextStream out(&file);
QString codeContent = reply->readAll();
//将获取到的网页源码写入文件
//一定要注意编码问题，否则很容易出现乱码的
codec = QTextCodec::codecForHtml(codeContent.toAscii());
codeContent = codec->toUnicode(codeContent.toAscii());
out.setCodec(codec);
out << codeContent << endl;
file.close();
qDebug() << "Finished, the code have written to " << FILE_NAME;
return 0;
参考技术B
是从网页上获取内容吗？是获取全部还是获取指定数据？
获取全部的话用网络编程的IO估计就可以处理，获取指定数据的话我只用过jsoup。
源码
以上是关于html网页怎样实现每次打开网页，指定的某段文字和图片内容都不一样？的主要内容，如果未能解决你的问题，请参考以下文章
[html语言]网页制作/如何在已切片图片的某一固定区域上，让图片和文字从下至上滚动？