今天使用dwz框架的查詢找回，但是總是第三層查找結果頁面覆蓋在第二層操作頁面，一開始以為是我的form的頭寫錯了

<form method="post" action="{{ route('') }}" class="pageForm required-validate" onsubmit="return validateCallback(this,dialogAjaxDone)">

最后找到原因:原來是第二層頁面的rel屬性值沒有設置，導致頁面總在一個窗口跳轉，而不是彈出；

<a class="btnLook" href="" rel="pice.add" lookupGroup="pice">查找帶回</a>

標簽的 rel 屬性用于指定當前文檔與被鏈接文檔的關系。

通俗講就是告訴瀏覽器被鏈接文檔是什么樣的文件，rel里包括了許多的可選值：

1.html4支持的屬性值
rel=”help” ：幫助的信息文檔；
rel=”home” ：站點主頁；
rel=”canonical”： 指定規范鏈接，當網站有兩個以上內容重復的頁面時，即告訴搜索引擎該抓取哪個比較權威的頁面，鏈接地址建議采用絕對地址，例如 link rel=”canonical” href=”http://blog.sina.com.cn/htmlcss3” /。
rel=”shortcut icon”：指定ico圖標，讓圖標顯示在瀏覽器的地址欄、標題欄中。語法書寫如下
link rel=”shortcut icon” href=”http://網址/favicon.ico”
rel=”alternate”：用來定義一個可交替的鏈接，在IE瀏覽器下，該屬性不被支持。
rel=”stylesheet”：定義一個外部樣式表。
rel=”appendix”：文檔的附錄頁。HTML5不支持該屬性
rel=”chapter” ：從當前文檔鏈接到一個章節。HTML5不支持該屬性
rel=”contents”：當前文檔的內容目錄，通常放在主內容的側欄,方便于各主題之間跳轉。 HTML5不支持該屬性
rel=”copyright”：當前文檔的版權頁或隱私頁面。HTML5不支持該屬性
rel=”glossary”：調用到此文檔的詞匯表。 HTML5不支持該屬性
rel=”subsection”：當前文檔的一個小分段。HTML5不支持該屬性
rel=”section”：文檔列表中的一個小節。HTML5不支持該屬性
rel=”help” ：幫助的信息文檔。
rel=”home” ：站點主頁。
rel=”index”：當前文檔的索引。
rel=”next” ：文檔的下一頁、或下一篇，瀏覽器可以提前加載。
rel=”prev” ：文檔的上一頁、或上一篇，定義瀏覽器的后退鍵。
rel=”start”：文檔的開始頁，即（第一頁）。HTML5不支持該屬性

2.html5

rel=”noreferrer”：該屬性可以阻止瀏覽器發送訪問來源信息，即表示讓瀏覽器不發送referrer；
rel=”nofollow”：指定該鏈接不被搜索引擎跟蹤，意思是某些垃圾頁面不想被蜘蛛抓取收錄。例如將該屬性用在a標簽中，則告訴搜索引擎不要抓取這條鏈接，寫法 a href=”url路徑” rel=”nofollow”
rel=”bookmark”：本網頁的書簽關系，用作書簽的一個永久固定的URL。
rel=”archives”：歷史文檔信息。
rel=”external”：鏈接到外部文檔，即告訴了搜索引擎，該鏈接不是本站鏈接。
rel=”license”：該文檔的版權信息。
rel=”search”：文檔內的搜索工具。
rel=”author”：文檔的作者信息，Google比較看重。
rel=”first”：底部友情鏈接。
rel=”last”：鏈接到集合中最后的文檔。
rel=”tag”：當前文檔使用的標簽，關鍵詞標記。
rel=”up” ：提供指向一個文檔的鏈接，該文檔提供當前文檔的上下文關系。

總結

以上是生活随笔為你收集整理的dwz查询找回的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。