Javascript I'；I’我想将img src内部链接更改为外部链接_Javascript_Php_Html_Image

Javascript I'；I’我想将img src内部链接更改为外部链接

javascript php html image

Javascript I'；I’我想将img src内部链接更改为外部链接,javascript,php,html,image,Javascript,Php,Html,Image,如果我想把这个换成 <div class="view-content"> <img src="/img/img_01.png"> <img src="/img/img_02.png"> <img src="/img/img_03.png"> </div> 像这样使用javascript或php str替换我怎样才能做到这一点 <div class="view-content"> <img src="http:/

如果我想把这个换成

<div class="view-content">
<img src="/img/img_01.png">
<img src="/img/img_02.png">
<img src="/img/img_03.png">
</div>

像这样使用javascript或php str替换我怎样才能做到这一点

<div class="view-content">
<img src="http://example.com/img/img_01.png">
<img src="http://example.com/img/img_02.png">
<img src="http://example.com/img/img_03.png">
</div>

var count=$（'.view content img'）.length；
var url=window.location.hostname；
对于（var i=0；i，您可以使用这样简单的脚本在每个图像的src参数的开头添加http

const images=document.querySelectorAll（'.view content img'））
images.forEach（项目=>{
const src=item.getAttribute（'src'）；
康斯特新闻中心http://example.com“+src；
item.setAttribute（'src'，newSrc）；
})
您可以使用这样简单的脚本在每个图像的src参数开头添加http

const images=document.querySelectorAll（'.view content img'））
images.forEach（项目=>{
const src=item.getAttribute（'src'）；
康斯特新闻中心http://example.com“+src；
item.setAttribute（'src'，newSrc）；
})
也许这个剪贴可以有所帮助，我所做的只是循环使用img元素；抓取SRC并存储在一个临时变量中；附加http://domain+SRC作为新的源属性
var count = $('.view-content img').length; 
var url = window.location.hostname;
for(var i=0;i<count;i++){
  var imgurl = $('.view-content').eq(i).attr('src'); 
  $('.view-content img').eq(i).append(url+'/'+imgurl);
}


试验
$（“img”）。每个（函数（）{
var src=$（this.attr（'src'）；
$（this.attr（'src'，'http://www.blah.com“+src）；
})
也许这个剪贴可以有所帮助，我所做的只是循环使用img元素；抓取SRC并存储在一个临时变量中；附加http://domain+SRC作为新的源属性
var count = $('.view-content img').length; 
var url = window.location.hostname;
for(var i=0;i<count;i++){
  var imgurl = $('.view-content').eq(i).attr('src'); 
  $('.view-content img').eq(i).append(url+'/'+imgurl);
}


试验
$（“img”）。每个（函数（）{
var src=$（this.attr（'src'）；
$（this.attr（'src'，'http://www.blah.com“+src）；
})
主题的变体
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title></title>

    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">

  </head>

  <body>

    <!-- Page Content -->
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h1 class="mt-5">Test</h1>
            <img src="/img/img_01.png">
            <img src="/img/img_02.png">
            <img src="/img/img_03.png">
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
    <script>
        $("img").each(function(){
          var src = $(this).attr('src');
          $(this).attr('src', 'http://www.blah.com' + src);
        })
    </script>
  </body>

</html>

也许是主题的变化
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title></title>

    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">

  </head>

  <body>

    <!-- Page Content -->
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h1 class="mt-5">Test</h1>
            <img src="/img/img_01.png">
            <img src="/img/img_02.png">
            <img src="/img/img_03.png">
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
    <script>
        $("img").each(function(){
          var src = $(this).attr('src');
          $(this).attr('src', 'http://www.blah.com' + src);
        })
    </script>
  </body>

</html>

在js中用id手动切换它怎么样
let host='http://example.com/';
let col=document.getElementsByTagName('img');
col.forEach( img =>{
    if( !~img.src.indexOf( host ) )img.src = host + img.src;
});

在js中用id手动切换它怎么样
let host='http://example.com/';
let col=document.getElementsByTagName('img');
col.forEach( img =>{
    if( !~img.src.indexOf( host ) )img.src = host + img.src;
});

如果您需要为页面上的所有链接创建一个新的基本URL，您可以完全避免使用JS并使用
元素
如果您需要一个新的基本URL用于页面上的所有链接，您可以完全避免使用JS并使用
元素