First, let's release an address to you test.
Http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com
1, the time is popular (maybe, because the most recently questioned people) is the URL address without any file name. For example, HTMLPRO /? In fact, this is related to the default file name of the server settings, such as index.htm, index.html, index.asp, etc., do not believe you try my friend (ASP).
http://www.windsn.com/blog/?viewtype =bycate&cateid=3
2, the files of this section are index.html, while the parameters are backed back, the page effect is like ASP generally extract information.
The following is the reprinted article (author Liu Wei) can explain something
Regular online friends are sure "
http://host/***.asp? Arg1 = * & arg2 = * "The URL (ie, URL) is not unfamiliar. The role of this type of URL is to pass the relevant information to the remote information by adding information content behind the URL. The web server, and returns the result to the client after proper processing, thereby reaching the purpose of web page interaction, and implements web content dynamism. (Note: Between the URL and the information content "?" Connection, each content field Between the character "&", the name / value of each field is represented as "name = value" form.) But through this way, the dynamic web page implemented in this way is required for server-side programming technology, recent author Using the browser supports DHTML and XML technology in making personal sites, through the continuous attempt, in this way, dynamic web pages in this manner in this way.
First, principle analysis
When the browser passes
HTTP: // RemoteHost / Program? QueryString When requested a web server, the web server analyzes the URL of the request address to store the QueryString string of "?" to the server-specific environment variable, and then call server-side programming execution. Environment, such as ASP (ActiveX Server Page), processes the request Program file.
Concrete calling What program execution environment is determined according to the setting of the server, if the requested document is an ASP type file, call the ASP, such as an ASPX type file, call ASP.NET. In the Program file, you can read environment variables by a certain method, such as an ASP file, you can read the environment variables via the Reques.QueryString data collection. After the programming execution environment is complete, return the result to the web server, the web server returns the result to the browser to achieve the purpose of the page content.
We can know if we use the above analysis.
httm? queryString mode When sending a request to the web server, the web server will return to the browser directly to the requested HTML page. At this time, we can use the locations.href attribute to obtain the URL string attached to the information content in the web page. After proper processing, you can get the attached information content field name and its value, and then through the DHTML feature supported by the browser. Processing, web page content dynamism can be achieved, thus reaching the purpose of web interaction on free homepage without supporting server-side programming technology.
We can also see that the purpose of reaching the web page dynamic interaction in this way is still not allowed to support the web server even in the browser, otherwise the browser will use "? QueryString" as part of the requested URL, thus appearing An error message that the web page cannot be viewed.
Second, the application example
--- A specific example source code with detailed comments will be given below. Note: queryString.js is a utility that can be referenced directly in the web, and then use the request ["name"] in the web page to obtain the information content input by the user. 1.QueryString.js source code
Function queryString () {// Construct parameter object and initializes var name, value, i; var str = location.href; // obtains the browser address bar URL string var Num = str.indexof ("?") str = STR. Substr (NUM 1); // Intercept "?" The parameter string var arrtmp = str.split ("&"); // Separate the parameters to form a parameter array for (i = 0; i example </ title> <script src = "queryString.js"> </ script > </ Head> <body> <script> var newElement = Document.createElement ("div"); // Create a DIV object Var str = "<u>" request ["name"] "</ u>, Welcome! <br> Your E-mail is: <u> request ["email"] "</ u>"; // Using the instance ["field name"] NEWELEment.INNERHTML = STR ; Document.Body.Appendchild (newElement); // Add a DIV object to the document </ script> </ body> </ html></p>
<p>If DHTML is expanded to XML technology to this example, an incredible effect will be achieved. The author is to establish a pretty good dynamic picture viewer with this way to support the homepage of pure HTML.</p>
<p>Therefore, everyone is practiced.</p>
<p>Transfer from:</p>
<p>http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=657</p></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-63488.html</div><div class="plugin d-flex justify-content-center mt-3"></div><hr><div class="row"><div class="col-lg-12 text-muted mt-2"><i class="icon-tags mr-2"></i><span class="badge border border-secondary mr-2"><h2 class="h6 mb-0 small"><a class="text-secondary" href="tag-2.html">9cbs</a></h2></span></div></div></div></div><div class="card card-postlist border-white shadow"><div class="card-body"><div class="card-title"><div class="d-flex justify-content-between"><div><b>New Post</b>(<span class="posts">0</span>)
</div><div></div></div></div><ul class="postlist list-unstyled">
</ul></div></div><div class="d-none threadlist"><input type="checkbox" name="modtid" value="63488" checked /></div></div></div></div></div><footer class="text-muted small bg-dark py-4 mt-3" id="footer"><div class="container"><div class="row"><div class="col">CopyRight © 2020 All Rights Reserved
</div><div class="col text-right">Processed:
<b>0.045</b>, SQL:
<b>9</b></div></div></div></footer><script src="./lang/en-us/lang.js?2.2.0"></script><script src="view/js/jquery.min.js?2.2.0"></script><script src="view/js/popper.min.js?2.2.0"></script><script src="view/js/bootstrap.min.js?2.2.0"></script><script src="view/js/xiuno.js?2.2.0"></script><script src="view/js/bootstrap-plugin.js?2.2.0"></script><script src="view/js/async.min.js?2.2.0"></script><script src="view/js/form.js?2.2.0"></script><script>
var debug = DEBUG = 0;
var url_rewrite_on = 1;
var url_path = './';
var forumarr = {"1":"Tech"};
var fid = 1;
var uid = 0;
var gid = 0;
xn.options.water_image_url = 'view/img/water-small.png';
</script><script src="view/js/wellcms.js?2.2.0"></script><a class="scroll-to-top rounded" href="javascript:void(0);"><i class="icon-angle-up"></i></a><a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"><i class="icon-angle-down"></i></a></body></html><script>
var forum_url = 'list-1.html';
var safe_token = 'AIP2uMBDqK6D_2FKiv_2BFHRGLWl23tSbQVcFBN_2FOqzWZ8KpwzBp0W_2FT9IjhxG3VUb8JR3oi2vcRkyQ5DUSW8iaJaw_3D_3D';
var body = $('body');
body.on('submit', '#form', function() {
var jthis = $(this);
var jsubmit = jthis.find('#submit');
jthis.reset();
jsubmit.button('loading');
var postdata = jthis.serializeObject();
$.xpost(jthis.attr('action'), postdata, function(code, message) {
if(code == 0) {
location.reload();
} else {
$.alert(message);
jsubmit.button('reset');
}
});
return false;
});
function resize_image() {
var jmessagelist = $('div.message');
var first_width = jmessagelist.width();
jmessagelist.each(function() {
var jdiv = $(this);
var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width();
var jmessage_width = Math.min(jdiv.width(), maxwidth);
jdiv.find('img, embed, iframe, video').each(function() {
var jimg = $(this);
var img_width = this.org_width;
var img_height = this.org_height;
if(!img_width) {
var img_width = jimg.attr('width');
var img_height = jimg.attr('height');
this.org_width = img_width;
this.org_height = img_height;
}
if(img_width > jmessage_width) {
if(this.tagName == 'IMG') {
jimg.width(jmessage_width);
jimg.css('height', 'auto');
jimg.css('cursor', 'pointer');
jimg.on('click', function() {
});
} else {
jimg.width(jmessage_width);
var height = (img_height / img_width) * jimg.width();
jimg.height(height);
}
}
});
});
}
function resize_table() {
$('div.message').each(function() {
var jdiv = $(this);
jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>');
});
}
$(function() {
resize_image();
resize_table();
$(window).on('resize', resize_image);
});
var jmessage = $('#message');
jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); });
jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); });
$('#nav li[data-active="fid-1"]').addClass('active');
</script>
