Http: // 呜呜 .cn Bruce.com/blog/show log.asp? Cat_id = 5 & log_id = 657
First of all, let's release an address to you test http://cnbruce.com/test/htmlpro/?name=cnbruce&email=cnbruce@126.com 1, it is popular (maybe, because the recently questioned people) is There is no URL address of 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/xt=3 2, the files in this section are index.html, while the back is with parameters, the page effect is like ASP generally extracts the information. The following is the reprinted article (author Liu Wei) can explain that friends who often internet online will definitely pay for the URL "http://host/***.asp? Arg1 = * & arg2 = *". strange. The role of such URLs is to deliver relevant information to the remote web server by adding information on the URL, and returns the result to the client after proper processing, thus reaching the purpose of web page interaction, and implements web content Dynamics . (Note: Between the URL and the information content, each content field is separated from the character "&", and the name / values of each field are represented as "name = value" form.) But through This method implemented dynamic webpage requires support for server-side programming technology. Recently, the author uses the browser supported DHTML and XML technology when making personal sites, and has been trying to implement dynamic web pages in this way through this manner in this manner when making personal sites. I. Principle Analysis When the browser requests the web server via http: // remotehost / program? QueryString, the web server will parse the URL of the request address to store the QueryString string "?" Back to the server-specific environment. Variables, and then call server-side programming execution environments, such as ASP (ActiveX Server Page) to process 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. With the above analysis, we can know that if you use http: //remotehost/*.htm? QueryString mode to send a request to the web server, the web server will return to the browser directly to the requested HTML web 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 () {// constructs parameter object and initializes VAR name, value, i; var str = location.href; // Get browser address bar URL string var num Num = str.indexof (" ? ") Str = str.substr (NUM 1); // Intercept"? "back parameter string var arrtmp = Str.Split (" & "); // Separate each parameter 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></div><div class="text-center mt-3 text-grey">
转载请注明原文地址:https://www.9cbs.com/read-46973.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="46973" 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.032</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 = 'gKfEBHcryoBqB3gE6_2BOVXpb0yVCcad4CxrXK33kTrTxnuKTwK0BcV_2F0gNS1WqFtwFf5dDQmgAuE5kFzTz_2BcKug_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>
