Js를 사용하여 지연 로딩 및 크로스 도메인을 구현하는 구현 단계-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

Js를 사용하여 지연 로딩 및 크로스 도메인을 구현하는 구현 단계

php中世界最好的语言

Dec 02, 2017 am 10:04 AM

javascript 짐 단계

오늘은 javascript를 사용하여 지연 로딩과 크로스 도메인을 구현하는 방법을 알려드리겠습니다. 지연 로딩과 크로스 도메인이 무엇인가요? 지연 로딩과 크로스 도메인을 구현할 때 주의해야 할 점은 무엇인가요? 다음으로 Js

<!DOCTYPE html>
<html>
<head>
         <meta charset="UTF-8">
         <title>跨域</title>
         <script src="ajax.js"></script>
         <script>
                   getAJAX(function(data){
                            console.log(data);
                   },"http://10.9.156.51:8086/API/article/add.aspx");
         </script>
</head>
<body> 
</body>
</html>
<!DOCTYPE html>
<html>
<head>
         <meta charset="UTF-8">
         <title>查询数据</title>
         <style>
                   #container{
                            width: 992px;
                            margin: 20px auto;
                   }
                   th,td{
                            background:#fff;
                            font-size:14px;
                            height: 30px;
                            text-align: center;
                            "微软雅黑";
                   }
                   a{
                            color:#00468C;
                            text-decoration: none;
                   }
                   a:hover{
                            color:#00468C;
                            text-decoration: underline;
                   }
                   .even{
                            background:#ff6600;
                   }
                   #cover{
                            position: absolute;
                            left: 0;
                            top: 0;
                            width:100%;
                            height: 100%;
                            background: #000;
                            opacity:0.6;
                            filter:alpha(opacity=60);
                            display: none;
                   }
                   #updateform{
                            width:300px;
                            height: 300px;
                            border:solid 1px #CCC;
                            position: absolute;
                            left:50%;
                            margin-left: -150px;
                            top:50%;
                            margin-top: -200px;
                            display: none;
                            background: #fff;
                   }
                   #updateform h3{
                            display: block;
                            border-bottom:solid 1px #CCC;
                            border-bottom:solid 1px #CCC;
                            height: 38px;
                            line-height: 38px;
                            background: #ff6600;
                            margin: 0;
                            "">微软雅黑;
                            color:#fff;
                            font-size: 16px;
                   }
                   #updateform form div{
                            padding-top: 10px;
                   }
         </style>
         <script src="ajax.js"></script>
         <script>
                   function createData(b){
                            var str = "";
                            for(var i = 2; i < b.length; i++){
                                     var css = "";
                                     if(i % 2 == 0){
                                               css = "even"
                                     }
                                     str += "<tr>"
                                                + "<td class=&#39;"+css+"&#39;>"+b[i].ID+"</td>"
                                                + "<td class=&#39;"+css+"&#39;>"+b[i].ATitle+"</td>"       
                                                + "<td class=&#39;"+css+"&#39;>"+b[i].AClickCount+"</td>"     
                                                + "<td class=&#39;"+css+"&#39;>"+b[i].ATime+"</td>"
                                                + "<td class=&#39;"+css+"&#39;>"
                                                + "<a href=\"javascript:;\" onclick=&#39;updateData(this)&#39;>修改</a> | <a href=\"javascript:;\" onclick=&#39;delDOM(this)&#39;>删除</a>"
                                                + "</td>"
                                                + "</tr>";
                            }
                            var html = "<table id=\"tb1\" cellspacing=\"1\" style=\"width:990px; background:#000;\">"
                                                + "<tr>"
                                                + "<th>编号</th>"        
                                                + "<th>标题</th>"        
                                                + "<th>点击量</th>"   
                                                + "<th>发布时间</th>"        
                                                + "<th>操作</th>"
                                                + "</tr>"
                                                + str
                                                + "</table>";
                            container.innerHTML = html;
                   }
                   window.onload = function(){
                            var url = "../../API/article/get.aspx";
                            getAJAX(function(data){
                                               createData(data);
                            },url);
                   }
                   function delDOM(obj){
                            var tb1 = document.getElementById("tb1");
                            var id = obj.parentNode.parentNode.children[0].innerHTML;
                            getAJAX(function(data){
                                     if(data.result == "ok"){
                                               tb1.children[0].removeChild(obj.parentNode.parentNode);
                                     }
                            },"../../API/article/del.aspx?id="+id+"");
                   }
                   function updateData(obj){
                            var cover = document.getElementById("cover");
                            var updateform = document.getElementById("updateform");
                            console.log(cover);
                            cover.style.display = "block";
                            updateform.style.display = "block";
                            var atitle = obj.parentNode.parentNode.children[1].innerHTML;
                            var clickcount = obj.parentNode.parentNode.children[2].innerHTML;
                            var id = obj.parentNode.parentNode.children[0].innerHTML;
                            var form = document.forms[0];
                            form.elements[0].value = atitle;
                            form.elements[1].value = clickcount;
                            form.elements[2].onclick = function(){
                                     var xhr = createXHR();
                                     xhr.open("POST","../../API/article/update.aspx",true);
                                     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                                     xhr.onreadystatechange = function(){
                                               if(xhr.readyState == 4){
                                                        if(xhr.status == 200){
                                                                 var data = eval("("+xhr.responseText+")");
                                                                 if(data.result == "ok"){
                                                                           updateform.style.display = "none";
                                                                           cover.style.display = "none";
 
                                                                           obj.parentNode.parentNode.children[1].innerHTML = form.elements[0].value;
                                                                           obj.parentNode.parentNode.children[2].innerHTML = form.elements[1].value;
 
                                                                           // var url = "../../API/article/get.aspx";
                                                                           // getAJAX(function(data){
                                                                           //              createData(data);
                                                                           // },url);
                                                                 }
                                                        }
                                               }
                                     }
                                     xhr.send("atitle="+form.elements[0].value+"&aclickcount="+form.elements[1].value+"&id="+id+"");
                            }
                   }
 
 
                  
         </script>
</head>
<body>
         <div id="cover"></div>
         <div id="updateform">
                   <h3>修改数据</h3>
                   <form>
                            <div>标 题：<input type="text"></div>
                            <div>点击量：<input type="text"></div>
                            <div><input type="button" value="保存数据"></div>
                   </form>
         </div>
         <div id="container">
                  
         </div>
</body>
</html>

로그인 후 복사

를 사용하여 지연 로딩 및 크로스 도메인을 구현하는 단계를 소개하겠습니다. 이 사례를 읽으신 후 방법을 익히셨으리라 믿습니다. PHP 중국어 웹사이트!

핫 AI 도구

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7678

Cakephp 튜토리얼

1393

C# 튜토리얼

1209

Steam의 계정 이름 형식은 무엇입니까?

Win11 활성화 키 영구

Related knowledge

iPhone에서 Google 지도를 기본 지도로 설정하는 방법 Apr 17, 2024 pm 07:34 PM

iPhone의 기본 지도는 Apple의 독점 위치 정보 제공업체인 지도입니다. 지도가 점점 좋아지고 있지만 미국 이외의 지역에서는 잘 작동하지 않습니다. Google 지도와 비교하면 아무것도 제공할 수 없습니다. 이 기사에서는 Google 지도를 사용하여 iPhone의 기본 지도로 만드는 실행 가능한 단계에 대해 설명합니다. iPhone에서 Google 지도를 기본 지도로 설정하는 방법 Google 지도를 휴대전화의 기본 지도 앱으로 설정하는 것은 생각보다 쉽습니다. 아래 단계를 따르십시오. – 전제 조건 단계 – 휴대폰에 Gmail이 설치되어 있어야 합니다. 1단계 – AppStore를 엽니다. 2단계 – “Gmail”을 검색하세요. 3단계 - Gmail 앱 옆을 클릭하세요.

최신 버전의 WeChat으로 업그레이드하는 단계(최신 버전의 WeChat으로 업그레이드하는 방법을 쉽게 익히세요)

WeChat은 더 나은 사용자 경험을 제공하기 위해 지속적으로 새 버전을 출시하는 중국의 소셜 미디어 플랫폼 중 하나입니다. WeChat을 최신 버전으로 업그레이드하는 것은 가족 및 동료와 연락을 유지하고 친구와 연락을 유지하며 최신 개발 상황을 파악하는 데 매우 중요합니다. 1. 최신 버전의 기능과 개선 사항을 이해합니다. WeChat을 업그레이드하기 전에 최신 버전의 기능과 개선 사항을 이해하는 것이 매우 중요합니다. 성능 개선 및 버그 수정에 대해서는 WeChat 공식 웹사이트나 앱 스토어에서 업데이트 노트를 확인하여 새 버전에서 제공되는 다양한 새로운 기능에 대해 알아볼 수 있습니다. 2. 현재 WeChat 버전 확인 WeChat을 업그레이드하기 전에 현재 휴대폰에 설치된 WeChat 버전을 확인해야 합니다. WeChat 애플리케이션 "나"를 클릭하여 연 다음 "정보" 메뉴를 선택하면 현재 WeChat 버전 번호를 볼 수 있습니다. 3. 앱을 엽니다

이 Apple ID는 iTunes Store에서 아직 사용되지 않습니다. 수정 Jun 10, 2024 pm 05:42 PM

AppleID를 사용하여 iTunesStore에 로그인하면 "이 AppleID는 iTunesStore에서 사용되지 않았습니다"라는 오류가 화면에 표시될 수 있습니다. 걱정할 오류 메시지는 없습니다. 다음 솔루션 세트에 따라 문제를 해결할 수 있습니다. 수정 1 – 배송 주소 변경 iTunes Store에 이 메시지가 나타나는 주된 이유는 AppleID 프로필에 올바른 주소가 없기 때문입니다. 1단계 – 먼저 iPhone에서 iPhone 설정을 엽니다. 2단계 – AppleID는 다른 모든 설정보다 우선해야 합니다. 그러니 열어보세요. 3단계 – 거기에서 “결제 및 배송” 옵션을 엽니다. 4단계 – Face ID를 사용하여 액세스 권한을 확인하세요. 단계

iPhone에서 Shazam 앱이 작동하지 않음: 수정 Jun 08, 2024 pm 12:36 PM

iPhone의 Shazam 앱에 문제가 있나요? Shazam은 노래를 듣고 노래를 찾는 데 도움을 줍니다. 하지만 Shazam이 제대로 작동하지 않거나 노래를 인식하지 못하는 경우 수동으로 문제를 해결해야 합니다. Shazam 앱을 복구하는 데 시간이 오래 걸리지 않습니다. 따라서 더 이상 시간을 낭비하지 않고 아래 단계에 따라 Shazam 앱 문제를 해결하세요. 수정 1 – 굵은 텍스트 기능 비활성화 iPhone의 굵은 텍스트로 인해 Shazam이 제대로 작동하지 않을 수 있습니다. 1단계 – iPhone 설정에서만 이 작업을 수행할 수 있습니다. 그러니 열어보세요. 2단계 – 다음으로 "디스플레이 및 밝기" 설정을 엽니다. 3단계 - "굵은 텍스트"가 활성화된 경우

Win11 시스템 관리자 권한을 얻는 단계에 대한 자세한 설명 Mar 08, 2024 pm 09:09 PM

Windows 11은 Microsoft가 출시한 최신 운영체제로 사용자들에게 큰 사랑을 받고 있습니다. Windows 11을 사용하는 과정에서 권한이 필요한 일부 작업을 수행하기 위해 시스템 관리자 권한을 얻어야 하는 경우가 있습니다. 다음으로 Windows 11에서 시스템 관리자 권한을 얻는 단계를 자세히 소개하겠습니다. 첫 번째 단계는 "시작 메뉴"를 클릭하는 것입니다. 왼쪽 하단에 있는 Windows 아이콘을 클릭하여 "시작 메뉴"를 엽니다. 두 번째 단계에서 '를 찾아서 클릭하세요.

iPhone 스크린샷이 작동하지 않음: 해결 방법 May 03, 2024 pm 09:16 PM

iPhone에서 스크린샷 기능이 작동하지 않나요? 스크린샷을 찍는 것은 매우 쉽습니다. 볼륨 높이기 버튼과 전원 버튼을 동시에 누르고 휴대폰 화면을 잡기만 하면 됩니다. 그러나 장치에서 프레임을 캡처하는 다른 방법이 있습니다. 수정 1 – 보조 터치 사용 보조 터치 기능을 사용하여 스크린샷을 찍습니다. 1단계 – 휴대폰 설정으로 이동합니다. 2단계 – 다음으로 탭하여 접근성 설정을 엽니다. 3단계 – 터치 설정을 엽니다. 4단계 – 다음으로 보조 터치 설정을 엽니다. 5단계 – 휴대폰에서 Assistive Touch를 켜세요. 6단계 – “상위 메뉴 사용자화”를 열어서 접근하세요. 7단계 – 이제 이러한 기능 중 하나를 화면 캡처에 연결하기만 하면 됩니다. 그러니 첫 번째를 클릭하세요.

iPhone에 시계 앱이 없습니다. 해결 방법 May 03, 2024 pm 09:19 PM

휴대폰에 시계 앱이 없나요? 날짜와 시간은 iPhone의 상태 표시줄에 계속 표시됩니다. 그러나 시계 앱이 없으면 세계 시계, 스톱워치, 알람 시계 및 기타 여러 기능을 사용할 수 없습니다. 따라서 누락된 시계 앱을 수정하는 것이 해야 할 일 목록의 맨 위에 있어야 합니다. 이러한 솔루션은 이 문제를 해결하는 데 도움이 될 수 있습니다. 수정 1 - 시계 앱 배치 실수로 홈 화면에서 시계 앱을 제거한 경우 시계 앱을 다시 제자리에 배치할 수 있습니다. 1단계 – iPhone을 잠금 해제하고 앱 라이브러리 페이지에 도달할 때까지 왼쪽으로 스와이프합니다. 2단계 – 다음으로 검색창에 “시계”를 검색하세요. 3단계 – 검색 결과 아래에 “시계”가 표시되면 길게 누르고

Illustrator에서 플러그인 로드 중 오류 발생 [수정됨] Feb 19, 2024 pm 12:00 PM

Adobe Illustrator를 시작할 때 플러그인 로딩 오류에 대한 메시지가 팝업됩니까? 일부 Illustrator 사용자는 응용 프로그램을 열 때 이 오류가 발생했습니다. 메시지 뒤에는 문제가 있는 플러그인 목록이 표시됩니다. 이 오류 메시지는 설치된 플러그인에 문제가 있음을 나타내지만 손상된 Visual C++ DLL 파일이나 손상된 기본 설정 파일과 같은 다른 이유로 인해 발생할 수도 있습니다. 이 오류가 발생하면 이 문서에서 문제 해결 방법을 안내하므로 아래 내용을 계속 읽어보세요. Illustrator에서 플러그인 로드 오류 Adobe Illustrator를 시작하려고 할 때 "플러그인 로드 오류" 오류 메시지가 표시되면 다음을 사용할 수 있습니다. 관리자로

See all articles

Js를 사용하여 지연 로딩 및 크로스 도메인을 구현하는 구현 단계

핫 AI 도구

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

인기 기사

뜨거운 도구

메모장++7.3.1

SublimeText3 중국어 버전

스튜디오 13.0.1 보내기

드림위버 CS6

SublimeText3 Mac 버전

뜨거운 주제