Ideas and codes for implementing iframe in html to control the refresh of parent page
|
1. Application Scenarios Parent page a.jsp Subpage b.jsp, as the page pointed to by the iframe embedded in page a Copy code The code is as follows:<body> <iframe id="frame" src="b.jsp" .../> </body> Now an operation is performed in page b. After the operation is completed, the iframe embedded in page a needs to be refreshed. 2. Ideas Find page a in page b, then find the iframe in page a, and reassign the src attribute of the iframe. 3. Implementation In b.jsp Copy code The code is as follows:function refresh(){ var frame = window.parent.document.getElementById("frame"); var path = frame.getAttribute("src"); frame.setAttribute("src", path); } This only refreshes the frame, achieving a partial refresh effect. |
<<: How to pass parameters to JS via CSS
>>: Typical cases of MySQL index failure
Recommend
Docker Swarm from deployment to basic operations
About Docker Swarm Docker Swarm consists of two p...
Vue imports excel table, and automatically downloads the data that failed to import
There is such a requirement: an import button, cl...
Detailed explanation of Vue filter implementation and application scenarios
1. Brief Introduction Vue.js allows you to define...
Swiper+echarts realizes the left and right scrolling effect of multiple dashboards
This article shares the specific code of swiper+e...
vue-cropper component realizes image cutting and uploading
This article shares the specific code of the vue-...
Discussion on Web Imitation and Plagiarism
A few months after entering the industry in 2005, ...
MYSQL slow query and log example explanation
1. Introduction By enabling the slow query log, M...
MySQL Optimization Solution Reference
Problems that may arise from optimization Optimiz...
Complete the search function in the html page
Recently I've been working on a framework tha...
Detailed explanation of the difference between adaptive and responsive analysis in vernacular
Based on daily development experience and relevan...
Detailed explanation of the steps to create a web server with node.js
Preface It is very simple to create a server in n...
The simplest form implementation of Flexbox layout
Flexible layout (Flexbox) is becoming increasingl...
WeChat applet custom bottom navigation bar component
This article example shares the specific implemen...
Analysis of the methods of visual structure layout design for children's websites
1. Warm and gentle Related address: http://www.web...
Node.js makes a simple crawler case tutorial
Preparation First, you need to download nodejs, w...