javascript - How do I remove a script tag by its content and its src? - Stack Overflow

admin管理员组

文章数量:1343375

I need to remove a script tag (<script>...</script>) by its content and/or its src property. Taking as example this:

<script type="text/javascript">
    var adfly_id = 2776246;
</script>

<script src=".js"></script>

I've tried this code:

jQuery(document).ready(function($){
    $('script').each(function() {
        if (this.src === '.js') {
            $(this).remove();
        }
    });
});

But without success (I am using that code from within WP - if anyone is asking why that jQuery syntax), can any give me some advice?

EDIT: The idea here is remove the script to prevent its execution

I need to remove a script tag (<script>...</script>) by its content and/or its src property. Taking as example this:

<script type="text/javascript">
    var adfly_id = 2776246;
</script>

<script src="https://cdn.adf.ly/js/display.js"></script>

I've tried this code:

jQuery(document).ready(function($){
    $('script').each(function() {
        if (this.src === 'https://cdn.adf.ly/js/display.js') {
            $(this).remove();
        }
    });
});

But without success (I am using that code from within WP - if anyone is asking why that jQuery syntax), can any give me some advice?

EDIT: The idea here is remove the script to prevent its execution

• javascript
• jquery

Share Improve this question Follow edited Jul 28, 2015 at 15:12 ReynierPM asked Jul 28, 2015 at 15:06 ReynierPMReynierPM 18.7k5656 gold badges204204 silver badges387387 bronze badges 8

• 5 $(this).attr('src'); should work, but keep in mind the JS has already run at that point... no reason to remove it now. – jdu Commented Jul 28, 2015 at 15:09
• 1 $("script[src='https:...']").remove() is even easier... – Marc B Commented Jul 28, 2015 at 15:10
• @jdu the idea is to prevent it for running, how? – ReynierPM Commented Jul 28, 2015 at 15:11
• Possible duplicate of jQuery : How to find <script> elements with particular value of "type" attribute?, after applying a little change. – emerson.marini Commented Jul 28, 2015 at 15:11
• @ReynierPM you need to remove it before the page renders. using serve side programming. – jdu Commented Jul 28, 2015 at 15:12

 |  Show 3 more ments

4 Answers 4

Sorted by: Reset to default 7

This seems to work:

jQuery(document).ready(function($){
    $('script').each(function() {

        if (this.src === 'URL_HERE') {

          this.parentNode.removeChild( this );
        }
    });
});

You can't remove the script tag I believe but I believe you can remove the src attribute in the script tag which render it useless if you removed $(this).attr('src');

Try

$(document).ready(function(){
$('script').each(function() {
     var obj = $(this);
    if (obj.attr("src") == 'https://cdn.adf.ly/js/display.js') {
        obj.attr("src","");
     }
    });
});

You can hack it. Use another script to do a....

node.parentNode.replaceChild(
  document.createComment(node.outerHTML.slice(1,-1)
    .replace(/--/g, '\\-\\-')), node);

Where node is your script node/element. The replacing of double dashes is to prevent the browser plaining about an unpliant ment tag.

Then if you want to enable it just do the reverse ment.replace and enclose with < and >. But you probably need to keep track of the modified script node, because after it bees a ment it is less query-able.

Just remember that the script is loaded early on, so your removal code should e before the node you want to remove. I had success using and mutation observer that I start in the header that watched for added script nodes and disabled them immediately. Then I analyzed the script node code (both as content and by

XMLHttpRequest

-ing the src if it exists. Then once I had my way with it I would re-enable it by doing the reverse disable operation by creating a code fragment and injecting the original outerHTML, either modified or not.

本文标签： javascriptHow do I remove a script tag by its content and its srcStack Overflow