JS에서 하위 창을 닫고 기본 창을 새로 고치는 showModalDialog 사용법을 자세히 소개합니다.
- 黄舟원래의
- 2017-03-25 14:25:161438검색
이 글에서는 주로 JS에서 서브 창을 닫고 메인 창을 새로 고치는 showModalDialog의 사용법을 소개하고, 구체적인 예시를 바탕으로 showModalDialog의 일반적인 사용법과 관련 사용법을 자세히 분석합니다. 필요한 사람은 참조하세요
이 기사의 예에서는 JS의 showModalDialog를 사용하여 하위 창을 닫고 기본 창을 새로 고치는 방법을 설명합니다. 참고하실 수 있도록 자세한 내용은 다음과 같습니다.
오래 인터넷으로 검색해보니 window.opener.location.reload() 등이 대부분이었습니다.
결국 제가 원한 내용은 아니었습니다. 궁금하신 점은 아래
showModalDialog 및 showModelessDialog
1. showModalDialog와 showModelessDialog의 차이점은 무엇입니까? showModalDialog: 열린 후에는 입력 포커스가 항상 유지됩니다. 대화 상자를 닫지 않으면 사용자는 기본 창으로 전환할 수 없습니다. 경보의 작동 효과와 유사합니다.
showModelessDialog: 열린 후 사용자는 입력 포커스를 무작위로 전환할 수 있습니다. 메인 창에는 아무런 영향을 미치지 않습니다. (최대한 동안 차단됩니다.2. showModalDialog와 showModelessDialog 사이의 하이퍼링크가 새 창에 표시되는 것을 방지하는 방법은 무엇입니까? 열려 있는 웹 페이지에
을 추가하면 됩니다. 이 문장은 일반적으로headb058a19dc856673f3761f08f199bc67b> 사이에 배치됩니다.
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 키를 눌러 새로 고치세요. 9f2112260df6afb8cdac6650013c78f7 , 그렇지 않으면 F5를 누르면 새 창이 나타납니다.
javascript를 사용하여 showModalDialog(또는 showModelessDialog)를 끄는 방법. ><input type="button" value="关闭" onclick="window.close()">
도 9f2112260df6afb8cdac6650013c78f7와 일치해야 합니다. 그렇지 않으면 새 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(''控制.htm'',window,"dialogTop:1px;dialogLeft:1px") //打开控制窗口
var s2=showModelessDialog(''about:blank'',window,"dialogTop:200px;dialogLeft:300px")
//打开被控制窗口
.htm 코드의 일부를 제어합니다.
<script>
//操作位置数据，因为窗口的位置数据是"xxxpx"方式的，所以需要这样的一个特殊操作函数。
function countNumber(A_strNumber,A_strWhatdo)
{
A_strNumber=A_strNumber.replace(''px'','''')
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,''-'')" value="上移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,''-'')" value="左移">
<input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber
(window.dialogArguments.s2.dialogLeft,''+'')" value="右移">
<input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber
(window.dialogArguments.s2.dialogTop,''+'')" value="下移">위의 핵심 부분은 다음과 같습니다. 창 이름 지정 방법:
var s1=showModelessDialog(''控制.htm'',window,"dialogTop:1px;dialogLeft:1px")
가변 액세스 방법:
window.dialogArguments.s2.dialogTop
이 예제에서는 showModelessDialog와 showModelessDialog 간의 위치 연산 기능만 구현합니다. 이 원칙을 통해 showModelessDialog는 서로의 표시 페이지를 제어하고 변수와 데이터를 전달하는 등의 작업을 수행합니다. 이는 귀하의 성과에 따라 다릅니다.
모달 창을 열었다가 이 창을 닫고 열려 있는 창에서 상위 창을 다시 로드하려는 경우 코드는 다음과 같습니다. 코드는 다음과 같습니다. 🎜>아아아또는
아아아아위 내용은 JS에서 하위 창을 닫고 기본 창을 새로 고치는 showModalDialog 사용법을 자세히 소개합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!