1. 程式人生 > >A頁面觸發B頁面事件

A頁面觸發B頁面事件

a.html

[html] view plaincopyprint?
  1. <html>
  2. <body>
  3. 要傳的值  
  4. <inputtype='text'id='txtID'name='txtName'value='avalue'/><br>
  5. <inputtype='button'value='open'onclick="window.open('b.html');"/>
  6. <script>
  7. alert('重新整理了頁面');  
  8. function method()  
  9. {  
  10.     alert('a.html');  
  11. }  
  12. </script
    >
  13. </body>
  14. </html>

b.html [html] view plaincopyprint?
  1. html>
  2. <script>
  3. function getValue()  
  4. {  
  5.         document.getElementById('txt').value=window.opener.document.getElementById('txtID').value;  
  6. }  
  7. </script>
  8. <bodyonload='getValue();'>
  9. 傳過來的值是  
  10. <inputtype='text'id='txt'
    />
  11. <inputtype='button'value='呼叫父視窗的方法'onclick='window.opener.method();'/>
  12. <br>
  13. <br>
  14. <br>
  15. 設定父視窗的文字<inputtype='text'id='t'/>
  16. <inputtype='button'value='執行'
  17. onclick='window.opener.document.getElementById("txtID").value=document.getElementById("t").value;'/>
  18. <br>
  19. <br>
  20. <inputtype='button'value='重新整理父視窗'onclick='window.opener.location=window.opener.location;'/>
  21. <br>
  22. <br>
  23. <inputtype='button'value='關閉父視窗'onclick='window.opener.close();opener=null;'/>
  24. </body>
  25. </html>
父子頁面事件

a.html

[html] view plaincopyprint?
  1. <inputtype='button'value='showModalDialog'onclick="window.showModalDialog('c.html',window);"/>

c.html [html] view plaincopyprint?
  1. <html>
  2. <script>
  3. function getValue()  
  4. {  
  5.     if(window.dialogArguments)  
  6.         {  
  7.           document.getElementById('txt').value=window.dialogArguments.document.getElementById('txtID').value;       
  8.         }  
  9. }  
  10. </script>
  11. <bodyonload='getValue();'>
  12. 傳過來的值是  
  13. <inputtype='text'id='txt'/>
  14. <inputtype='button'value='呼叫父視窗的方法'onclick='window.dialogArguments.method();'/>
  15. <br>
  16. <br>
  17. <br>
  18. 設定父視窗的文字<inputtype='text'id='t'/>
  19. <inputtype='button'value='執行'
  20. onclick='window.dialogArguments.document.getElementById("txtID").value=document.getElementById("t").value;'/>
  21. <br>
  22. <br>
  23. <inputtype='button'value='重新整理父視窗'onclick='window.dialogArguments.location=window.dialogArguments.location;'/>
  24. <br>
  25. <br>
  26. <inputtype='button'value='關閉父視窗'onclick='window.dialogArguments.close();'/>
  27. </body>
  28. </html>


相關推薦

A頁面觸發B頁面事件

a.html [html] view plaincopyprint? <html><body>要傳的值  <inputtype='text'id='txtID'name='txtName'value='avalue'/><br><inputtyp

A頁面開啟B頁面,在B頁面重新整理的時候重新整理A頁面

說一下情況吧:首先我是在A頁面通過window.open開啟B頁面的,在B頁面進行一系列操作後關閉B頁面,要求此時對A頁面進行一個重新整理。操作://重新整理父級視窗 window.opener.location.reload();

A頁面帶參數跳轉到B頁面;進行解析,並顯示數據,進行編輯

gem llb function IT ren truct ++ undefined nts 1 A頁面跳轉時候的地址: 2 parent.layer.open({ 3 type: 2, 4

頁面跳轉,A跳到BB再返回A時自動定位到離開A時的位置

ID 重新 before setview one attr UNC -- ntb <template> <div class="hello" @scroll="scrollLoad" id="myScrollBox"> <h

子檢視A超出父檢視B範圍點選觸發子檢視A中的點選事件

Demo 解決示例 1、定義子檢視 // .h檔案 #import <UIKit/UIKit.h> @interface ButtonView : UIView @property (nonatomic, copy) void (^buttonClick)(UI

在小程式中巢狀h5頁面,點選事件觸發

最近在寫小程式,由於小程式快滿了,就把頁面寫成h5,嵌在小程式裡,原以為很簡單,沒想到遇到問題,問題不多,但是很大 第一個就是點選事件不觸發, 場景如下:     點選按鈕觸發ajax請求,請求成功之後跳轉到另一個頁面,但是頁面始終不跳轉。 解決方法,將http開

進入頁面觸發了popstate事件

$(function(){ pushHistory(); var bool=false; setTimeout(function(){ bool=true; },1500); window.addEv

vue之在頁面中監聽鍵盤的Enter鍵來觸發某個按鈕事件

專案中得需求:給頁面某個按鈕繫結Enter鍵,但是按鈕不在form中,直接給按鈕繫結後此按鈕只有獲取了焦點按鍵才會觸發,顯然,一直保持按鈕獲取焦點是不現實得。所以通過查詢等,結合專案需求,完成了下面得程式碼,希望對大家有用,歡迎一起探討,Email:[email p

b頁面呼叫a頁面的方法,為a頁面傳參,實現a頁面不重新整理點贊數根據b頁面改變

a頁面 通過topicid屬性值獲取元素,為該元素下的接收點贊值得子元素賦值 書寫如下方法: function dianzanz(topici,dznum) { $(".swiper-slide.article[topicid="+topici+"]").find(".t

bootstrap的tabs標籤頁:實現a頁面指定的tab,點選more,跳去b頁面指定的tab

如圖 實現目標: a頁面的tab1標籤頁中點選more 跳去b頁面的tab1,同理類比其他兩個tab。 這裡為什麼是more跳過去的呢,因為tab nav上面的tab1,tab2,tab3,是用

iOS 如果頁面 A 跳轉到 頁面 BA 的 viewDidDisappear 方法和 B 的 viewDidAppear 方法哪個先呼叫?

如果頁面 A 跳轉到 頁面 B,A 的 viewDidDisappear 方法和 B 的 viewDidAppear 方法哪個先呼叫? 1. - (void)pushViewController:(UIViewController *)viewController an

頁面A呼叫onBackProcessed跳轉到頁面B,頁面B取不到intent資料。

頁面A如下 @Override public boolean onBackPressed() { CommonUtil.hideSoftInput(getActivity(), mLlcontent); if (mFromTy

a標籤繫結頁面跳轉事件不生效

原因: a標籤的href跳轉會執行在window.location.href設定的跳轉之前 解決: window.event.returnValue=false window.location.hr

js實現A頁面帶資料跳轉B頁面並返回上一層

要實現從一個頁面A跳到另一個頁面B,js實現就在A的js程式碼加跳轉程式碼 JS跳轉大概有以下幾種方式: 第一種:(跳轉到b.html)<script language="javascrip

js跨頁面觸發事件,利用storage監聽事件

最近做的一個專案遇到的這個問題,首頁是一個列表頁,列表上有一些操作需要新開一個標籤頁展示,在新開頁面儲存之後要重新整理之前的列表頁,也就是跨頁面觸發重新整理列表。 我的解決方案是利用storage監聽

Jmeter 對於從A登入頁輸入使用者名稱,密碼,驗證碼,登入後跳轉到C頁面,中間經過一個B頁面該如何測試

1,右擊測試計劃,點新增---Threads---執行緒組 2,右擊執行緒組,新增---配置元件---http請求預設值(新增http請求預設值是為了方便每次新增http請求不用在輸入協議、伺服器名稱或IP、埠號) 具體配置如下 3,右擊執行緒組,新增---

html A 頁面跳轉到B頁面,把A頁面獲取的值傳到B頁面

問題: 最近遇到一個問題,在A頁面跳轉到B頁面時,同時將一個值帶到B頁面並顯示出來,百度了很多方法,發現很多年並不是前端的東西,最後找到一個比較靠譜的方法,分享給大家 解決: 頁面其他內容不再展示,只寫A,B兩個頁面的JS程式碼段,有基礎的同學應該是能看懂的。 注:中

微信小程式 --- 從A頁面傳參到B頁面設定web-view標籤src屬性傳參異常處理方法

一般情況頁面跳轉引數都是以下幾種姿勢 引數傳遞過去接收的處理方法,可以看我的另一篇博文,點選這裡跳轉 第一種: let parameter = 1; wx.navigateTo({ url: '/page/a/a?paramet

大坑啊!!!關於頁面加載完畢事件!!!

tro spa span 頁面 nbsp 關於 獲取 read nload 這個坑導致我頁面加載完畢後獲取元素高度有問題,獲取不正確或者是很小才20px,元素本身高度幾百,困擾了我這個新手幾天。原因就是js原生的onload事件和jq的ready事件的區別。 1.執行時間

JS監聽頁面滾動到底部事件

his div span 頁面 == nbsp scroll win cnblogs 廢話不說,直接上代碼,放心我這個是最好的,直接放到js腳本裏,直接生效: $(window).scroll(function(){ var scrollTo