웹 프론트엔드 JS 튜토리얼 jquery를 사용하여 post_jquery로 새 창 열기

jquery를 사용하여 post_jquery로 새 창 열기

May 16, 2016 pm 04:55 PM
post 새창

인터넷에는 이미 이 기능을 포함하는 기능이 있으며 순수 JS로 구현되어 있습니다. 그런데 프로젝트에서 이 기능이 Firefox와 호환되지 않는 것을 발견하여

코드 복사 코드를 다시 작성했습니다.

//기본 새 창 구성
var windowDefaultConfig = new Object;
windowDefaultConfig['directories'] = 'no'
windowDefaultConfig['location' ] = '아니요';
windowDefaultConfig['menubar'] = '아니요';
windowDefaultConfig['ressible'] = '예'
windowDefaultConfig['scrollbars'] = '예'; >windowDefaultConfig[' status'] = 'no';
windowDefaultConfig['toolbar'] = 'no';


코드 복사 코드는 다음과 같습니다.
/**
* POST 형식으로 새 창을 여는 JQUERY 구현
@param:url 열어야 하는 URL
@param:args URL의 매개변수, 데이터 유형은 객체
@ param:name URL 창 이름을 엽니다. 동일한 버튼으로 새 창을 반복해서 열어야 하는 경우
처음 열린 창을 새로 고치는 대신 이 매개변수는 매번 달라야 합니다
@param: windowParam 새로 열린 창의 매개변수 구성
* @author: haijiang.mo
*/
function jQueryOpenPostWindow(url,args,name,windowParam){


// 양식 개체 만들기
var _form = $("<form></form>",{
'id':'tempForm',
'method': '게시물',
' 작업':url,
'대상':이름,
'스타일':'display:none'
}).appendTo($("body"));

// 양식에 숨겨진 필드 추가
for(var i in args){
_form.append($("<input>",{'type':'hidden', 'name':i,'value' :args[i]}));
}

//창 매개변수 객체 복제
var windowConfig = clone(windowDefaultConfig)

//구성 창
for (var i in windowParam){
windowConfig[i] = windowParam[i]
}

//창 구성 문자열
var windowConfigStr = "";

for(var i in windowConfig){
windowConfigStr = i "=" windowConfig[i] ","
}

//제출 트리거 이벤트
_form.bind( 'submit',function(){
window.open("about:blank",name,windowConfigStr);
})

//제출 트리거 event
_form.trigger( "submit");
//양식 제거
_form.remove()
}

나중에 사용할 수 있도록 기록해 두세요. .
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

페이지로 이동하기 위한 매개변수가 포함된 PHP의 POST 메소드에 대한 간략한 분석 페이지로 이동하기 위한 매개변수가 포함된 PHP의 POST 메소드에 대한 간략한 분석 Mar 23, 2023 am 09:15 AM

페이지로 이동하기 위한 매개변수가 포함된 PHP의 POST 메소드에 대한 간략한 분석

게시물이 PHP로 제출되었는지 확인하는 방법 게시물이 PHP로 제출되었는지 확인하는 방법 Mar 21, 2023 pm 07:12 PM

게시물이 PHP로 제출되었는지 확인하는 방법

Python 요청 게시물을 사용하는 방법 Python 요청 게시물을 사용하는 방법 Apr 29, 2023 pm 04:52 PM

Python 요청 게시물을 사용하는 방법

Java는 어떻게 http 요청을 시작하고 게시물을 호출하고 인터페이스를 얻습니까? Java는 어떻게 http 요청을 시작하고 게시물을 호출하고 인터페이스를 얻습니까? May 16, 2023 pm 07:53 PM

Java는 어떻게 http 요청을 시작하고 게시물을 호출하고 인터페이스를 얻습니까?

NGINX 리버스 프록시가 HTML 페이지의 POST 요청에 대해 405를 반환하는 문제를 해결하는 방법 NGINX 리버스 프록시가 HTML 페이지의 POST 요청에 대해 405를 반환하는 문제를 해결하는 방법 May 22, 2023 pm 07:49 PM

NGINX 리버스 프록시가 HTML 페이지의 POST 요청에 대해 405를 반환하는 문제를 해결하는 방법

PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법 PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법 Mar 07, 2024 pm 01:45 PM

PHP 코드 예: POST를 사용하여 매개변수를 전달하고 페이지 점프를 구현하는 방법

페이지로 이동하고 POST 데이터를 전달하기 위해 PHP를 구현하는 방법 페이지로 이동하고 POST 데이터를 전달하기 위해 PHP를 구현하는 방법 Mar 22, 2024 am 10:42 AM

페이지로 이동하고 POST 데이터를 전달하기 위해 PHP를 구현하는 방법

PHP에서 점프를 구현하고 POST 데이터를 전달하는 방법에 대한 간략한 분석 PHP에서 점프를 구현하고 POST 데이터를 전달하는 방법에 대한 간략한 분석 Mar 21, 2023 pm 02:07 PM

PHP에서 점프를 구현하고 POST 데이터를 전달하는 방법에 대한 간략한 분석

See all articles