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

时间:2013-12-31 19:10:33

标签: javascript html server-side

我被要求制作一个自定义img / ad元素的高度,宽度,对齐和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>

1 个答案:

答案 0 :(得分:-1)

三种方式:

  1. 这可以通过Angularjs在客户端完成。我不是专家,但基本上,您需要创建一个以查询字符串作为输入的视图。

  2. 您需要使用使用查询字符串中信息的服务器端工具。

  3. 最后,最简单的方法是使用Javascript获取查询字符串:

    function getQueryVariable(variable){

    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/感谢他的想法。