仅使用javascript替换页面的图像url

42fyovps  于 2022-12-17  发布在  Java
关注(0)|答案(2)|浏览(129)

我一直试图找到一个解决这个简单问题的方法,但最终问这里,因为没有什么我尝试实际工作。
有一些图像链接在我的网站上像这样=

<img src="https://wordpress.creativegigs.net/docly/wp-content/themes/docly/assets/img/home_one/b_man_two.png" class="p_absolute one wow fadeInRight" alt="Man illustration" style="visibility: visible; animation-name: fadeInRight;">

这与wordpress主题来了,但看起来像他们移动了链接,所以这将是错误页面,该目录图像不存在。
所以我想要一个js代码,可以取代这个链接的图像源代码如下=“/assets/img/home_one/b_man_two. png”
我想要一个js代码,可以删除这么多= https://wordpress.creativegigs.net/docly/从源代码的网址曾经存在。
有人能帮我一下吗?

biswetbf

biswetbf1#

你可以试试这个:

<?php

function replace_image_url_script() {
    ?>
    <script>
        document.addEventListener("load", function(){
            var html = document.documentElement.innerHTML;
            const regex = /https:\/\/wordpress\.creativegigs\.net\/docly/ig;
            html = html.replaceAll(regex, '');
            document.querySelector('html').innerHTML = html;
        });
    </script>
    <?php
}
add_action( 'wp_footer', 'replace_image_url_script' );
57hvy0tb

57hvy0tb2#

## If Using JQuery
$('.p_absolute').attr('src',yourImageURL) ;

## If Normal JS
document.querySelector('.p_absolute').setAttribute('src','yourImageURL');
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
<img src="https://wordpress.creativegigs.net/docly/wp-content/themes/docly/assets/img/home_one/b_man_two.png" class="p_absolute one wow fadeInRight" alt="Man illustration" style="visibility: visible; animation-name: fadeInRight;"/>
</body>
</html>
## If Using JQuery
$('.p_absolute').attr('src',yourImageURL) ;

## If Normal JS
document.querySelector('.p_absolute').setAttribute('src',yourImageURL);

相关问题