1. 程式人生 > >js獲得子頁面元素

js獲得子頁面元素

   在主頁面中,增加iframe子頁面,如果需要獲得子頁面的元素則可以使用javascript的contentWindow來獲得,注意iframe和frameset必須新增id,具體例子如下:

mainindex.jsp中新增子頁面

<iframe id="indexIframe" src="jsp/main/main.html" width=100% height=100% scrolling="no" frameborder="0"></iframe>

main.html中新增frameset

<frameset rows="102,*" frameborder="no" border="0" framespacing="0" >
 <frame src="navigation.jsp" id="topFrame" name="topFrame" scrolling="No" id="topFrame" style="overflow-y:hidden;overflow-x:hidden"/>
  <frame src="../live/gplayer/bin/gplayer.jsp" name="mainFrame" id="mainFrame" scrolling="No" style="overflow-y:hidden;overflow-x:hidden"/>
</frameset>

navigation.jsp頁面中存在某個元素

<img id="moreImg" src="images/web/more_available.png" style="cursor:pointer" onclick="popupMenu()"></img>

在主頁面mainindex.jsp中獲得img元素,利用javascript可以這樣獲得

 var indexiframe=document.getElementById("indexIframe");
  var topframe=indexiframe.contentWindow.document.getElementById("topFrame");
  var moreImg=topframe.contentWindow.document.getElementById("moreImg");
  moreImg.src="images/web/more_available.png";

相關推薦

js獲得頁面元素

   在主頁面中,增加iframe子頁面,如果需要獲得子頁面的元素則可以使用javascript的contentWindow來獲得,注意iframe和frameset必須新增id,具體例子如下: mainindex.jsp中新增子頁面 <iframe id="inde

iframe父頁面獲取頁面元素方法

網上那些父頁面獲取子頁面元素的方法,無論我怎麼試,就是不行, 然後我就列印$(window.frames["myiframe"])依次找方法: 1.$(window.frames["iframe的id"].contentDocument.documentElement).find(".mycontaine

js獲得節點, 獲得tab轉json值

//提取表格的值,JSON格式 function GetTableData(table) { var tableData = new Array(); //建立陣列 alert("行數:" + table.rows.length); //彈出總行數

Iframe獲取頁面元素

// 獲得父級 var tIframe = window.parent.document.getElementById('mn-iframe').contentWindow; // 將獲得的值放入父級中

js移除頁面元素 html 刪除

var elem = document.getElementsByClassName('app-sticker'); elem[0].parentNode.removeChild(elem[0]);這

window.open 在父頁面操縱頁面元素

父頁面: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

iframe頁面與父頁面元素的訪問以及js變量的訪問

++ src 行修改 動態 class ria 方法 修改 左右 1、子頁面訪問父頁面元素 parent.document.getElementById(‘id‘)和document相關的方法都可以這樣用 2、父頁面訪問子頁面元素 document.

jq或js元素元素之間頁面元素的獲取,以及使用後臺模板遇到無法將頁面取到的值顯示在彈出的頁面上的問題

一、jquery 父、子頁面之間頁面元素的獲取,方法的呼叫: 1. 父頁面獲取子頁面元素:     格式:$("#iframe的ID").contents().find("#iframe中的控制元件ID").click();  &nbs

Vue.js 獲得兄弟元素元素,父元素(DOM操作)

pre lin col bsp 操作 attr current 綁定 tar   e.target 是你當前點擊的元素 e.currentTarget 是你綁定事件的元素 e.currentTarget.previousEle

JS對父元素元素樣式設定及Iframe頁面裝載

本身JS是弱項,慢慢增加這方面的知識量,遇到自己寫的JS就往這裡面存一下吧! 遇到這樣一個場景:一排按鈕,點選其中一個按鈕需要把當前按鈕標明出來,但是之前的按鈕這個樣式的又要清除掉。於是就用到了啦! 另外將網頁子頁面裝載到iframe裡面去,不能用href直接連線(開啟新

通過js隱藏ifarme頁面裡的部分元素

最近專案頁面使用iframe 嵌入一個頁面 因為某些按鈕不必顯示故需隱藏 這個地方找到的方法比較多 這只是其中一個親測好用 所以趕快mark下來: iframe html : <iframe name="processResultMsg" width=

【HTML/JS,JQuery】JQuery操作iframe父頁面頁面元素與方法

http://www.cnblogs.com/imteach/p/3798375.html JQUERY IFRAME 下面簡單使用Jquery來操作iframe的一些記錄,這個使用純JS也可以實現。 第一、在iframe中查詢父頁面元素的方法: $('#id',

js從jsp頁面獲得

++ rda white ssi elements data- hid hidden prop <input type="hidden" name="duan" value="<s:property value="#session.ipNumber"/>"

轉 easyUI的iframe頁面操作父頁面元素

itl 代碼 iframe yui com con 按鈕 頁面 tabs 曾經試過這樣的方法 在iframe子頁面獲取父頁面元素 代碼如下: $(‘#objId‘, parent.document); 這樣可以獲得父頁面的元素,但是

關於頁面元素不能定位,通過Js進行處理

pass timeunit nds def 行處理 static second tex new public class Test { public static void main(String[] args) throws Exception { File file

js中獲取到的頁面元素為undefined

代碼 有效 查找 才會 直接 為我 defined 資料 報錯 在學習js的過程中發現了一個問題就是:在js代碼中獲取頁面元素進行操作的時候發現怎麽都沒有效果,控制臺也不報錯,彈出獲取的元素結果發現是undefined類型。 後來查找了資料發現:因為我的js是寫在head頭

JS/jquery實現鼠標控制頁面元素顯隱

前端最近因為公司網站要上一個活動廣告橫幅,當用戶鼠標劃過時顯隱二維碼。像這種鼠標事件控制頁面元素顯隱的情況,碼農們會經常遇到,可以通過javascript或jquery代碼實現,下面就幾種常見需求一起歸納一下。mouseout和mouseleave這裏需要特別註意mouseout與mouseleave的區別。

js之iframe頁面與父頁面通信

瀏覽器 cti data pos href 事件 java win 兩種方法 iframe子頁面與父頁面通信根據iframe中src屬性是同域鏈接還是跨域鏈接,通信方式也不同。 一、同域下父子頁面的通信 父頁面parent.html <html> <h

D3.js頁面元素生成

靜態生成元素 程式碼---------------------------------------------- <!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>

Vue.js-04:第四章 - 頁面元素樣式的設定

 一、前言   前端開發中有三大件:HTML、CSS、JavaScript,在前面的學習中,不管是學習 Vue 的指令系統還是 Vue 的事件修飾符,主要還是針對的是我們在前端開發中的 JavaScript 這一塊,而在實際的開發中必定會需要涉及到對於頁面佈局的設計。即使你採用的是使用第三方的 U