在iframe外部給iframe新增錨點

2021-09-23 23:54:11 字數 858 閱讀 2639

錨點的操作是實現類似於word的導航欄的功能的基本思路

當前頁面使用錨點的話可以使用

1.html的的方式來實現

設定錨:

<ahref="#mao"rel="external nofollow">&nsbp;

設定點:(為了瀏覽器相容性,id和name一起設定)

<aid="mao"name="mao">跳至第乙個錨點

2.使用js的window.location.hash = "#$"; 來實現

3.當在iframe外部操作的時候使用scrollintoview

scrollintoview(alignwithtop):滾動瀏覽器視窗或容器元素,以便在當前視窗的可見範圍看見當前元素。如果alignwithtop為true,或者省略它,視窗會盡可能滾動到自身頂部與元素頂部平齊。——-目前各瀏覽器均支援(瀏覽器的相容性好)

取mainframe的子頁面取id為data的元素並將頁面滾動到該處

document.getelementbyid("mainframe").contentwindow.document.getelementbyid(data).scrollintoview(true);

iframe如何傳值給父iframe

在子iframe中如果需要用js傳值給父視窗,或是呼叫父視窗的方法需要在前邊加上top.修改父視窗控制項屬性 window.parent.document.getelementbyid frmright src window.parent.document.getelementbyid frmrig...

vue 使用iframe載入外部html

經過我反覆載入,我發現問題1的解法是錯誤滴,但是對於一些介面不是很長的可以適用,在這裡不刪除,做個教材。問題1 iframe高度動態調整 自適應 以載入 為例 做完這些,載入出來的介面高度明顯小了不止一點,所以下面這塊才是關鍵。mounted 問題1修整 原來的配方加點料 load setinfra...

Vue使用iframe嵌入外部HTML檔案

專案開發的過程中,我們不可避免的會引入外部已經寫好的html檔案,那在不同的vue腳手架中如何成功引入html檔案呢?如何獲取到html檔案中的值呢?把要引入的檔案 假設是aaa.html檔案 放到static目錄下,在vue介面中引入 把要引入的檔案放到public目錄下,在vue介面中引入 注意...