1. 程式人生 > >頁面發生跳轉但是url 不發生變化

頁面發生跳轉但是url 不發生變化

iframe test

頁面發生了跳轉和變化,但是url並未發生變化

公司的後臺管理系統,頁面發生了跳轉,重新整理按鈕也有變化,但是url地址卻未曾發生變化,為什麼呢?

實現方式: 使用 iframe , 比如: 在 default.html 中 iframe src 到 index.html 檔案,在index.html 隨便發生跳轉, url 地址還是會保持: 協議名 + ip[埠號] + pathname + default.html 。 似乎 只是 defalut 中的 iframe 文件裡面發生了變化。

程式碼如下:

<!-- default.html -->
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>default</title> </head> <body>
<iframe src="./index.html" frameborder="0"></iframe> </body> </html>
<!-- index.html -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta
http-equiv="X-UA-Compatible" content="ie=edge">
<title>main file</title> </head> <body> <a href="./a.html">a.html</a> <a href="./b.html">b.html</a> </body> <script></script> </html>
<!-- a.html  -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>a file</title>
</head>
<body>
    <div>i am a file!</div>
</body>
</html>

相關推薦

頁面發生但是url 發生變化

iframe test 頁面發生了跳轉和變化,但是url並未發生變化 公司的後臺管理系統,頁面發生了跳轉,重新整理按鈕也有變化,但是url地址卻未曾發生變化,為什麼呢? 實現方式: 使用 iframe , 比如: 在 default.html 中 if

vue中,實現錨點定位及url發生變化

直接上程式碼<div class="footer" @click="returnTop"> methods:{ returnTop:function(){ document.querySelector("#header").scrollIntoVi

頁面鏈接歷史URL記錄的兼容處理

default spl 跳轉 cati 效果 mil title fault 應該 一、跳轉歷史URL不記錄需求的由來 比方說我們點擊首頁的“分類”進入分類頁,如下圖: 然後分類頁頭部有個“男生”“女

頁面添加返回和動畫(仿app) 只對單頁面有用,我用的是angualr,有會的可以私信問我。

hist page func margin consola color -s tar pla p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 } p.p2 { mar

框架之TP5 頁面 / 以及url地址

<a href=">路由跳轉 tp框架跳轉需要用{}包住 裡面加上冒號(:) 括號中('控制器名稱/方法名稱') <a href="{:url('Login/xian')}">新增</a>   頁面訪問url地址  url

頁面的時候,在後的頁面中使用js 獲取到 頁面url中攜帶的引數。

common.js程式碼 //獲取URL中的引數..等等function getQueryString(name){ var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)"); var r = window.location.

android 實現延遲1秒介面發生

屬性中 private Handler mHandler = new Handler() { @Override public void handleMessage

關於jQuery Mobile頁面後網頁重新整理問題

 $.mobile.changePage("03.php"); //手機網頁式跳轉 轉跳後,網頁CSS,JS事件都沒有反應,要重新整理一次網頁行有用 $.mobile.changePage這種方式,

Servlet頁面URL拼接問題

  不用Servlet進行開發時間太久,關於其用法的部分知識容易忘記,最近在一個培訓機構做助理教師的時候才重新溫習了一下Servlet的知識,不得不說學習Servlet確實是我們學習 框架知識的一個基礎。   由於經常被問到常常出現的404錯誤,我總結了一下出現的緣由:se

JS頁面url地址錯誤

在我做的一個介面文件系統中有這樣一個功能,頁面點選一個測試按鈕,將一個地址傳到action中進行處理將結果進行解析輸出到頁面上; 出現了一個問題,頁面點選按鈕時需要跳轉頁面,同時將要處理的url地址傳遞出去,該地址裡面有&?等特殊符號,action接收的時候會理

使用 Qt Designer建立前端介面,通過VS Code將Qt Designer建立好的.ui轉換為.py,最後使用PyQt5實現點選按鈕介面發生

簡單的提一下PyQt5,Qt Designer的安裝 python 版本:3.6.2 使用pip安裝: pip3 install PyQt5 之後通過安裝PyQt5-tools,會自動安裝Qt Designer pip install PyQt

直擊根源:vue專案微信小程式頁面web-view重新整理

背景 最近專案需要適配小程式,專案是使用了vue開發的網站,其中改造方式是,每個頁面都使用小程式建立一個頁面通過web-view來顯示指定頁面的。 在沒有使用小程式時,路由跳轉時,重新整理頁面等等,這個是很順暢的,在使用了小程式之後,需要適配小程式的頁面,比如後退到前一頁,這個時候要重新整理頁面,於是遇到了小

nginx自定義500,502,504錯誤頁面無法

header cli targe head href 錯誤 error tom htm 1、自定一個頁面,這個頁面是一個鏈接地址可以直接訪問的。 以下是nginx的配置: location / { proxy_pass http://tomcat_

國內免備案|301|定向CDN|限內容服務器

面內免備案服務器 國內免備案|301跳轉|定向CDN|不限內容服務器 國內免備案|301跳轉|定向CDN|不限內容服務器 聯系企鵝:2881375115 聯系電話:17759186719 國內免備案服務器哪些地方呢?(福州機房|臺州機房

頁面之間傳值

class input script 之間 ntb nload cat new tle 頁面之間傳值: a.html <html> <head> <title> New Document </title>

頁面定時

.get 代碼 nbsp () val .com bsp htm 頁面 1、html <span id="show"></span> 2、js <script type="text/javascript"> var t=

Maven和Spring mvc下的頁面與取值

servle 提交 輸入 接收 -m title style ofo pri (此處tomcat的端口設置為80) 例如:在testForm.jsp裏提交表單,在ok.jsp裏取值 testForm.jsp頁面代碼如下: <%@ page contentType="

JAVA-JSP內置對象之response對象實現頁面自動

style cli 分享 ron gif 添加 頁面 con 頁面跳轉 相關資料:《21天學通Java Web開發》 response對象 實現頁面自動跳轉1.可以通過response對象的addHeader()方法添加一個標題為Refresh的標頭,並指定

vue.js實現頁面倒計時功能

his 首頁 turn return () data col world mit 需求分析: 頁面倒計時5秒後進入系統主頁,數字需要實時更新! <template> <div class=""> <h1>歡迎來到Vue.js

各種頁面定時(倒計時)代碼總結

倒數 自動跳轉 str ani import rect ext document color 一、使用setTimeout函數實現定時跳轉(如下代碼要寫在body區域內) <script type="text/javascript"> //3秒鐘之後跳