具有可变高度、宽度、对齐和 src 属性的自定义 HTML 页面答案

【问题标题】：Customized HTML Page with variable Height ,Width, align and src attributes具有可变高度、宽度、对齐和 src 属性的自定义 HTML 页面
【发布时间】：2014-01-01 03:24:52
【问题描述】：

我被要求制作一个自定义img/ad元素的Height,Width,align和src属性的工具。那么制作这个工具有什么不同的方法。要求是根据更改查询参数需要修改 html，例如 http://swaraj.c/Sites/ad.html?height ="720"&width="90"&align="bottom"&src ="ad.jpeg"

所以这是否需要一个包含所有这些字段的表单，当“POST”ed 时会更改文件，或者是否有任何其他方法可以做到这一点，即只需更改 URL 并自定义粘贴在下面的 ad.html。

<HTML>
<HEAD>
<TITLE>Your Title Here</TITLE>
</HEAD>
<BODY BGCOLOR="FFFFFF">
<CENTER><IMG SRC="ad.jpeg" ALIGN="BOTTOM" width ="1000" height = "150"> </CENTER>
<HR>
<a href="http://somegreatsite.com">Link Name</a>
is a link to another nifty site
<H1>This is a Header</H1>
<H2>This is a Medium Header</H2>
Send me mail at <a href="mailto:support@yourcompany.com">
support@yourcompany.com</a>.
<P> This is a new paragraph!
<P> <B>This is a new paragraph!</B>
<BR> <B><I>This is a new sentence without a paragraph break, in bold italics.</I></B>
<HR>
</BODY>
</HTML>

【问题讨论】：

HTML 代码中不需要大写...
center?真的。我认为它已被弃用。而且您的 HTML 无效。
@SwarajChhatre。这只是一个评论。
向我们展示您的尝试
@zero298：“就像我又在 Angelfire 网站上工作一样。” 不，没有<marguee>LOLs!</marquee>

标签： javascript html server-side

【解决方案1】：

三种方式：

这可以在客户端使用 Angularjs 完成。我不是专家，但基本上，您需要创建一个将查询字符串作为输入的视图。
您需要使用使用查询字符串中的信息的服务器端工具。
最后，最简单的方法是使用 Javascript 获取查询字符串：

函数getQueryVariable(变量) {
```
var query = window.location.search.substring(1);
var vars = query.split("&amp;");
for (var i=0;i&lt;vars.length;i++) {
  var pair = vars[i].split("=");
  if (pair[0] == variable) {
  return pair[1];
}
}      alert('Query Variable ' + variable + ' not found');
}
```
此脚本应获取查询字符串中的所有数据。然后，您可以根据需要使用它进行操作。这是描述此方法的链接：http://jeffreifman.com/2006/06/26/how-can-i-get-query-string-values-from-url-in-javascript/ 感谢他的想法。

【讨论】：

想解释一下如何？ OP 将其标记为 JavaScript。 OP 可能对 AngularJS 不熟悉
@putvande 立即查看。
@TJonS 但我理解解析查询参数然后替换 Img 标记但是如何在没有表单的情况下发出发布请求。我知道它也可以用 javascript 完成。
为什么必须发出post 请求才能更改页面上的标签？