主页 / 问题 / 760583
Accepted
Артём PeGaS
Asked:2020-12-20 00:02:25 +0000 UTC2020-12-20 00:02:25 +0000 UTC

帮我理解程序的步骤

  • 772

getJSONP("ph.php", call); 函数被调用了 2 次。结果，创建了 2 个脚本元素 - 在 getJSONP.eee 函数中执行。getJSONP.eee 函数被覆盖。这意味着两个脚本元素将执行相同的 getJSONP.eee 函数 - 其中脚本变量是最后一个脚本标记。

问题：为什么在第二次调用警报（脚本）；表示该元素存在，尽管它在第一次调用时被删除。错误是 TypeError: script.parentNode is null

function call(a) {
  alert(a);
}
function getJSONP(url, callback) {
        url += "?jsonp=getJSONP.eee";

    var script = document.createElement("script");
    alert(7);
    getJSONP.eee = function(response) {
        script.title="two"; // Для отслеживания тег взаимодейстия
        alert(document.getElementsByTagName("script").length); // Сколько всего тегов
		  callback(response); // Результат
		  alert(script); // Проверить на наличие тега
		  script.parentNode.removeChild(script); // Удалить тег
		  alert(script); // Проверить на наличие тега. Почему есть?
    };

   
    script.src = url;
    document.body.appendChild(script);
    if(t==1) script.title="one"; // Для отслеживания тег взаимодейстия
}
var t = 1;
getJSONP( "ph.php", call);
getJSONP( "ph.php", call); // При этом getJSONP.eee - перезаписывается

<?php

$seq = array("foo", "bar", "baz", "blong");
$json = json_encode($seq);

echo $_GET['jsonp'].'('.$json.')';

javascript

1 个回答

  1. Best Answer

    嗯，有点像这样，不是吗。

    function call(a) {
  alert(a);
}
function getJSONP(url, callback) {
        url += "?jsonp=getJSONP.eee";

    var script = document.createElement("script");
//   alert(7);
//    getJSONP.eee = function(response) {
        script.eee = function(){
//          script.title="two"; /* Для отслеживания тег взаимодействия*/
            alert(scope_In_getJSONP.length); /* Сколько всего тегов cделала функция getJSONP */
//          callback(response); // Результат
            callback(this); /* this указывает на контекст вызова */
            alert(script); /* Проверить на наличие тега // на этом этапе
 вы обращаетесь к объекту который участвовать в DOM модель*/
            alert(script.parentNode); /* имеет все свойства и методы для элементов участвующих в DOM модели*/
            script.parentNode.removeChild(script); // Удалить тег
            scope_In_getJSONP.splice(script.markerScope, 1) /* удаляем из скопа элементов созданных функцией getJSONP */
            alert(script); /* Проверить на наличие тега. Почему есть?*/
            alert(script.parentNode); /* теперь вы обращаетесь к шаблону
у которого нет связи с DOM модель*/
            alert(scope_In_getJSONP.length); /*длина скопа элементов созданных функцией getJSONP уменьшелась*/
        };


        script.src = url;
        scope_In_getJSONP.push(document.body.appendChild(script)); /*
 создаем узел в DOM модели и результат помещаем в массив элементов
 созданных функцией getJSONP*/
        script.markerScope = scope_In_getJSONP.length-1 /* маркер 
идентификатор для быстрого поиска элементов при удалении */
    if(t==1) script.title="one"; /* Для отслеживания тег взаимодействия
 <<< ???? */
}
var t = 1;
var scope_In_getJSONP = [];
getJSONP( "ph.php", call);
getJSONP( "ph.php", call); /* При этом getJSONP.eee - перезаписывается*/
scope_In_getJSONP[0].eee() //
    • 1

相关问题