URL的HTML变量_Html_Variables - Fatal编程技术网

URL的HTML变量

html variables

URL的HTML变量,html,variables,Html,Variables,我有一个带有6个流式IP摄像头的网页。以下代码的一部分： <a target="_blank" href="http://172.28.###.##:102"><img src="http://172.28.###.##:102/videostream.cgi?user=username&pwd=password" width="400" height="300"> 当我的IP改变时，我需要编辑上面的IP乘以6。我已经搜索了一些变量来使用，这样我就可以对

我有一个带有6个流式IP摄像头的网页。以下代码的一部分：

<a target="_blank" href="http://172.28.###.##:102"><img src="http://172.28.###.##:102/videostream.cgi?user=username&pwd=password" width="400" 
height="300">

当我的IP改变时，我需要编辑上面的IP乘以6。我已经搜索了一些变量来使用，这样我就可以对所有六个凸轮进行一次更改

下面的内容不起作用，但我将其包括在内，以向您展示我正在尝试做的事情

<head> 
<script type="text/javascript">
var server = "172.28.###.##";
var url = "http://" + server + ":102/videostream.cgi?user=username&pwd=password";
</script>
</head> 
<body> 
<a href = "<script>" url "</script>"
</body> 
</html>


var server=“172.28.####.##”；
var url=“http://“+server+”：102/videostream.cgi？user=username&pwd=password”；
您的思路是正确的，但是您将JavaScript与HTML混合在一起。这并不是你所认为的那样：
<a href = "<script>" url "</script>"

综上所述，您可以构建一个基本脚本，其中链接/图像具有不同的id
s，并使用单个变量进行设置：
<script type="text/javascript">
    var server = "172.28.###.##";
    var url = "http://" + server + ":102/videostream.cgi?user=username&pwd=password";

    document.getElementById("camImage1").src = url;
    // and so on, for the different elements
</script>


var server=“172.28.####.##”；
var url=“http://“+server+”：102/videostream.cgi？user=username&pwd=password”；
document.getElementById（“camImage1”）.src=url；
//等等，对于不同的元素

这里还需要注意的一点是，HTML和JavaScript是按照加载到页面上的顺序计算的，因此您希望此JavaScript代码位于其目标HTML元素之后，否则getElementById（）
将找不到您要查找的元素。因此，只需将JavaScriptscript
块放在页面底部即可
在开发这段代码时，您会发现，您可能可以减少一些重复，并定义一些模式，使您能够更轻松地维护这段代码，而无需太多的复制/粘贴代码。
您的思路是正确的，但您将JavaScript与HTML混合在一起。这并不是你所认为的那样：
<a href = "<script>" url "</script>"

综上所述，您可以构建一个基本脚本，其中链接/图像具有不同的id
s，并使用单个变量进行设置：
<script type="text/javascript">
    var server = "172.28.###.##";
    var url = "http://" + server + ":102/videostream.cgi?user=username&pwd=password";

    document.getElementById("camImage1").src = url;
    // and so on, for the different elements
</script>


var server=“172.28.####.##”；
var url=“http://“+server+”：102/videostream.cgi？user=username&pwd=password”；
document.getElementById（“camImage1”）.src=url；
//等等，对于不同的元素

这里还需要注意的一点是，HTML和JavaScript是按照加载到页面上的顺序计算的，因此您希望此JavaScript代码位于其目标HTML元素之后，否则getElementById（）
将找不到您要查找的元素。因此，只需将JavaScriptscript
块放在页面底部即可
在开发这段代码时，您会发现，您可能可以减少一些重复，并定义一些模式，使您能够更轻松地维护这段代码，而无需太多的复制/粘贴代码。
您的思路是正确的，但您将JavaScript与HTML混合在一起。这并不是你所认为的那样：
<a href = "<script>" url "</script>"

综上所述，您可以构建一个基本脚本，其中链接/图像具有不同的id
s，并使用单个变量进行设置：
<script type="text/javascript">
    var server = "172.28.###.##";
    var url = "http://" + server + ":102/videostream.cgi?user=username&pwd=password";

    document.getElementById("camImage1").src = url;
    // and so on, for the different elements
</script>


var server=“172.28.####.##”；
var url=“http://“+server+”：102/videostream.cgi？user=username&pwd=password”；
document.getElementById（“camImage1”）.src=url；
//等等，对于不同的元素

这里还需要注意的一点是，HTML和JavaScript是按照加载到页面上的顺序计算的，因此您希望此JavaScript代码位于其目标HTML元素之后，否则getElementById（）
将找不到您要查找的元素。因此，只需将JavaScriptscript
块放在页面底部即可
在开发这段代码时，您会发现，您可能可以减少一些重复，并定义一些模式，使您能够更轻松地维护这段代码，而无需太多的复制/粘贴代码。
您的思路是正确的，但您将JavaScript与HTML混合在一起。这并不是你所认为的那样：
<a href = "<script>" url "</script>"

综上所述，您可以构建一个基本脚本，其中链接/图像具有不同的id
s，并使用单个变量进行设置：
<script type="text/javascript">
    var server = "172.28.###.##";
    var url = "http://" + server + ":102/videostream.cgi?user=username&pwd=password";

    document.getElementById("camImage1").src = url;
    // and so on, for the different elements
</script>


var server=“172.28.####.##”；
var url=“http://“+server+”：102/videostream.cgi？user=username&pwd=password”；
document.getElementById（“camImage1”）.src=url；
//等等，对于不同的元素

这里还需要注意的一点是，HTML和JavaScript是按照加载到页面上的顺序计算的，因此您希望此JavaScript代码位于其目标HTML元素之后，否则getElementById（）
将找不到您要查找的元素。因此，只需将JavaScriptscript
块放在页面底部即可
在开发这段代码时，您会发现，您可能可以减少一些重复，并定义一些模式，使您能够更轻松地维护这段代码，而无需大量复制/粘贴代码。
Javascript:
<script type="text/javascript">
var url = "put the link here";
</script>
......
<script>
document.write('<a href="' + url + '">Link</a>');
</script>


var url=“将链接放在这里”；
......
文件。写（“”）；

JQuery：
<a class="link">Link</a>
<script type="text/javascript">
var url = "link";
$('.link').each(function() {
    $(this).attr('src', url);
});
</script>



我建议使用PHP，因为如果浏览器不允许javascript，javascript和jquery将失败。
javascript:
<script type="text/javascript">
var url = "put the link here";
</script>
......
<script>
document.write('<a href="' + url + '">Link</a>');
</script>


var url=“将链接放在这里”；
......
文件。写（“”）；

JQuery：
<a class="link">Link</a>
<script type="text/javascript">
var url = "link";
$('.link').each(function() {
    $(this).attr('src', url);
});
</script>



我建议使用PHP，因为如果浏览器不允许javascript，javascript和jquery将失败。
javascript:
<script type="text/javascript">
var url = "put the link here";
</script>
......
<script>
document.write('<a href="' + url + '">Link</a>');
</script>


var url=“将链接放在这里”；
......
文件。写（“”）；

JQuery：
<a class="link">Link</a>
<script type="text/javascript">
var url = "link";
$('.link').each(function() {
    $(this).attr('src', url);
});
</script>



我建议使用PHP，因为如果浏览器不允许javascript，javascript和jquery将失败。
javascript:
<script type="text/javascript">
var url = "put the link here";
</script>
......
<script>
document.write('<a href="' + url + '">Link</a>');
</script>


var url=“将链接放在这里”；
......
文件。写（“”）；

JQuery：
<a class="link">Link</a>
<script type="text/javascript">
var url = "link";
$('.link').each(function() {
    $(this).attr('src', url);
});
</script>



我建议使用PHP，因为如果浏览器不允许javascript，javascript和jquery将失败。
查找javascript、PHP、Python、Perl、CFM或其他众多可与HTML一起使用或嵌入HTML的脚本语言。L