JS에서 하위 창을 닫고 기본 창을 새로 고치는 showModalDialog 사용법을 자세히 소개합니다.-JS 튜토리얼-php.cn

JS에서 하위 창을 닫고 기본 창을 새로 고치는 showModalDialog 사용법을 자세히 소개합니다.

黄舟

풀어 주다： 2017-03-25 14:25:16

원래의

1362명이 탐색했습니다.

이 글에서는 주로 JS에서 서브 창을 닫고 메인 창을 새로 고치는 showModalDialog의 사용법을 소개하고, 구체적인 예시를 바탕으로 showModalDialog의 일반적인 사용법과 관련 사용법을 자세히 분석합니다. 필요한 사람은 참조하세요

이 기사의 예에서는 JS의 showModalDialog를 사용하여 하위 창을 닫고 기본 창을 새로 고치는 방법을 설명합니다. 참고하실 수 있도록 자세한 내용은 다음과 같습니다.

오래 인터넷으로 검색해보니 window.opener.location.reload() 등이 대부분이었습니다.

결국 제가 원한 내용은 아니었습니다. 궁금하신 점은 아래

showModalDialog 및 showModelessDialog

1. showModalDialog와 showModelessDialog의 차이점은 무엇입니까? showModalDialog: 열린 후에는 입력 포커스가 항상 유지됩니다. 대화 상자를 닫지 않으면 사용자는 기본 창으로 전환할 수 없습니다. 경보의 작동 효과와 유사합니다.

showModelessDialog: 열린 후 사용자는 입력 포커스를 무작위로 전환할 수 있습니다. 메인 창에는 아무런 영향을 미치지 않습니다. (최대한 동안 차단됩니다.

2. showModalDialog와 showModelessDialog 사이의 하이퍼링크가 새 창에 표시되는 것을 방지하는 방법은 무엇입니까? 열려 있는 웹 페이지에

을 추가하면 됩니다. 이 문장은 일반적으로

head<base target="_self">> 사이에 배치됩니다.

showModalDialog 및 showModelessDialog에서는 F5를 눌러 새로 고칠 수 없으며 javascript에만 의존할 수 있습니다. 관련 코드는 다음과 같습니다.

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" rel="external nofollow" style="display:none">reload...</a>

로그인 후 복사

filename.htm을 웹페이지 이름으로 바꾸고 F5 키를 눌러 새로 고치세요. <base target="_self"> , 그렇지 않으면 F5를 누르면 새 창이 나타납니다.

javascript를 사용하여 showModalDialog(또는 showModelessDialog)를 끄는 방법. >

<input type="button" value="关闭" onclick="window.close()">

로그인 후 복사

도 <base target="_self">와 일치해야 합니다. 그렇지 않으면 새 IE 창이 열렸다가 닫힙니다.

5. showModalDialog 및 showModelessDialog의 데이터 전송 기술

(작가노트: 원래는 문답형식으로 쓰고 싶었는데 어떻게 해야할지 모르겠네요. 물어봐서 이렇게 해야겠습니다. ) 이게 더 번거롭네요. 여러번 바꿔서 설명할 수가 없어서(언어 실력이 점점 나빠지고 있어요) 예를 들어 설명해야겠네요.

예:

이제 showModalDialog(또는 showModelessDialog)에서 변수 var_name을 읽거나 설정해야 합니다. 일반 전달 방법:

window.showModalDialog("filename.htm",var_name)
//传递var_name变量
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments)//读取var_name变量
window.dialogArguments="oyiboy"//设置var_name变量

로그인 후 복사

방법은 만족스럽습니다만, 두 번째 변수인 var_id를 동시에 조작하고 싶다면? 이것이 이 전송 방법의 한계입니다. >다음은 제가 추천하는 전달 방법입니다:

window.showModalDialog("filename.htm",window)
//不管要操作什么变量，只直传递主窗口的window对象

로그인 후 복사

읽고 설정할 때 by showModalDialog(또는 showModelessDialog):

alert(window.dialogArguments.var_name)//读取var_name变量
window.dialogArguments.var_name="oyiboy"//设置var_name变量

로그인 후 복사

동시에 var_id 변수

alert(window.dialogArguments.var_id)//读取var_id变量
window.dialogArguments.var_id="001"//设置var_id变量

로그인 후 복사

를 작동할 수도 있습니다. 양식 개체.

window.dialogArguments.form1.index1.value="这是在设置index1元素的值"

로그인 후 복사

6. 다중 showModelessDialog 상호 운용.

그냥 얘기하기가 너무 어려워서 그냥 게으르고 코드로 설명만 해요.

다음 코드의 주요 기능은 showModelessDialog 내에서 다른 showModelessDialog의 위치를 이동하는 것입니다.

메인 파일의 js 코드 일부.

var s1=showModelessDialog(&#39;&#39;控制.htm&#39;&#39;,window,"dialogTop:1px;dialogLeft:1px") //打开控制窗口
var s2=showModelessDialog(&#39;&#39;about:blank&#39;&#39;,window,"dialogTop:200px;dialogLeft:300px")
//打开被控制窗口

로그인 후 복사

.htm 코드의 일부를 제어합니다.

<script>
//操作位置数据，因为窗口的位置数据是"xxxpx"方式的，所以需要这样的一个特殊操作函数。
function countNumber(A_strNumber,A_strWhatdo)
{
 A_strNumber=A_strNumber.replace(&#39;&#39;px&#39;&#39;,&#39;&#39;&#39;&#39;)
 A_strNumber-=0
 switch(A_strWhatdo)
 {
 case "-":A_strNumber-=10;break;
 case "+":A_strNumber+=10;break;
 }
 return A_strNumber + "px"
}
</script>
<input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber
(window.dialogArguments.s2.dialogTop,&#39;&#39;-&#39;&#39;)" value="上移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,&#39;&#39;-&#39;&#39;)" value="左移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,&#39;&#39;+&#39;&#39;)" value="右移">
<input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber
(window.dialogArguments.s2.dialogTop,&#39;&#39;+&#39;&#39;)" value="下移">

로그인 후 복사

위의 핵심 부분은 다음과 같습니다. 창 이름 지정 방법:

var s1=showModelessDialog(&#39;&#39;控制.htm&#39;&#39;,window,"dialogTop:1px;dialogLeft:1px")

로그인 후 복사

가변 액세스 방법:

window.dialogArguments.s2.dialogTop

로그인 후 복사

이 예제에서는 showModelessDialog와 showModelessDialog 간의 위치 연산 기능만 구현합니다. 이 원칙을 통해 showModelessDialog는 서로의 표시 페이지를 제어하고 변수와 데이터를 전달하는 등의 작업을 수행합니다. 이는 귀하의 성과에 따라 다릅니다.

모달 창을 열었다가 이 창을 닫고 열려 있는 창에서 상위 창을 다시 로드하려는 경우 코드는 다음과 같습니다. 코드는 다음과 같습니다. 🎜>아아아또는

아아아아

위 내용은 JS에서 하위 창을 닫고 기본 창을 새로 고치는 showModalDialog 사용법을 자세히 소개합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!