Home > Developer > JavaScript

Javascript + IFRAME implement code for refreshing the entire page

Source: Internet
Author: User
Developer on Alibaba Coud: Build your first app with APIs, SDKs, and tutorials on the Alibaba Cloud. Read more ＞

Jquery has a load () method. You can use $ ("# Div"). Load ("/index.html") to load index.html to a div-ID container,
IFRAME can also be used, but it is not perfect. For more information, see the discuz websites. If you log on to a layer, it is also a load page, but I found that about: blank is being opened on the left of the status bar. I don't know if I want to set the SRC of IFRAME to about: blank, and then edit IFRAME? However, check Source code When the page is not loaded, the page source cannot be seen. Code I don't know if I used the head analysis just like jquery. Then I added the header information of the loaded page to the header of the Home Page. Then I used the eval () function to execute JavaScript code and solve it?
I used a page as the container carrying the page source code, named do.html, and passed a page to be loaded by uri?do.html!
Example Demo: http://mi.8866.org: 2/management. aspx/direct point login can be
This page loads two JS files Copy code The Code is as follows: <SCRIPT type = "text/JavaScript" src = "/image/script. ashx/global. js? Ver = 1.0.0 "> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "/image/script. ashx/plus. js? Ver = 1.0.0 "> </SCRIPT>

The source code of do.html is:Copy codeThe Code is as follows: <HTML>
<Head>
<Title> loading... </title>
<SCRIPT type = "text/JavaScript" src = "/image/script. ashx/do. js? Ver = 1.0 "> </SCRIPT>
</Head>
<Body>
</Body>
</Html>

File: Do. jsCopy codeThe Code is as follows: Document. Write ("<SCRIPT src = \"/image/script. ashx/global. js? Ver = 1.0.0 \ "> </SCRIPT> ");
Document. Write ("<SCRIPT src = \"/image/script. ashx/plus. js? Ver = 1.0.0 \ "> </SCRIPT> ");
Window. onload = function (){
J. Plus. loadpage ({URI: "/", time: 1 },{
Start: function () {/* the receipt function that starts loading */},
Over: function () {/* loaded receipt function */}});
}

loadpage is defined as follows: copy Code the code is as follows: if (! Typeof (window. j) window. j = new JS ();
J. plus = new Plus ();
Function Plus () {}< br> plus. prototype. loadpage = function (R, callback, E, times) {
/*
r request; R. time: Waiting for loading (millisecond);
callback: receipt function (callback. start (), callback. over ()
E. element page container; */
If (! R. Uri) Alert ('page URI parameters not be found! ');
var AJ = new Ajax ();
AJ. request (R, {
Start: function () {If (callback. start) callback. start (); If (e) E. innerhtml = 'loading .. '; else {document. body. innerhtml = 'loading ';}},
error: function (x) {If (e) E. innerhtml = 'loading failed! '; Else document. body. innerhtml = 'loading failed' ;},
success: function (x) {
var func = function () {If (callback. over) callback. over (); If (e) E. innerhtml = x; else document. write (x) ;};
If (R. time) {var T = new timer (R. time, func); T. start () ;}/ * latency display */
else func ();
}});
}< br>/* AJ is the Ajax request object in global. JS defines
* timer code to implement a timer, in plus. defined in js */

The function has been defined. Add the Code where the function needs to be loaded:
File:/management. aspx/Copy codeThe Code is as follows: var BD = J. $ ("mainbody"); // mainbody is a div container
VaR uri = "/do.html? Uri =/management. aspx/"+ URI;
BD. innerhtml = "<IFRAME src = '" + URI + "'frameborder = '0' width ='" + (J. X ()-200) + "'height = '000000' scrolling = 'no'> </iframe> ";

Because do.html will be slowed down, in do.js, ajaxwill be used to export the returned HTML to do.html.
Online Demo address http://demo.jb51.net/js/menu_iframe/index.htm

This article is an English version of an article which is originally in the Chinese language on aliyun.com and is provided for information purposes only. This website makes no representation or warranty of any kind, either expressed or implied, as to the accuracy, completeness ownership or reliability of the article or any translations thereof. If you have any concerns or complaints relating to the article, please send an email, providing a detailed description of the concern or complaint, to info-contact@alibabacloud.com. A staff member will contact you within 5 working days. Once verified, infringing content will be removed immediately.

Related Keywords:
javascript edit page code copy entire website code php iframe code php code for print page php code for profile page javascript code for select option selenium wait for page to load javascript

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

What's Trending
Top 10 Tags
datastax versions naming convention zookeeper client class definition md5 microsoft sql server 2005 data structures exception handling error handling
Top 10 Keywords
microsoft download center down wordpress address url site address url wordpress address url windows installer 4 0 download 302 not found web address url definition site address url wordpress db2 integer mac os installation step by step pdf abbreviation for return

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More