Jadual Kandungan
回复内容:
Rumah pembangunan bahagian belakang tutorial php javascript - 部署到线上的项目,写在js文件中需要动态加载的图片路径怎么去查找?

javascript - 部署到线上的项目,写在js文件中需要动态加载的图片路径怎么去查找?

Jun 06, 2016 pm 08:35 PM
javascript php

<code><img class="share-dream" src="&lt;?php%20echo%20%24thisActAssetsRoot;?&gt;img/grades.png" alt="分数">
</code>
Salin selepas log masuk
Salin selepas log masuk

在首页通过这样的方式去获取静态资源的路径,但是在js文件中我需要去动态添加的一些图片就不显示了,js里不能写php语句,我该怎么去查找呢?
比如说想点击这张图片之后换成另一张图片,这个click事件我是写在一个单独的js文件里,在js文件里怎么去获取要替换的图片呢?

<code>$('.share-dream').click(function(){
        $(".share-dream").attr(
        "src",
        "<?php echo $thisActAssetsRoot;?>img/shareBtnClick.png")
    })
//我可以这么写么
</code>
Salin selepas log masuk
Salin selepas log masuk

回复内容:

<code><img class="share-dream" src="&lt;?php%20echo%20%24thisActAssetsRoot;?&gt;img/grades.png" alt="分数">
</code>
Salin selepas log masuk
Salin selepas log masuk

在首页通过这样的方式去获取静态资源的路径,但是在js文件中我需要去动态添加的一些图片就不显示了,js里不能写php语句,我该怎么去查找呢?
比如说想点击这张图片之后换成另一张图片,这个click事件我是写在一个单独的js文件里,在js文件里怎么去获取要替换的图片呢?

<code>$('.share-dream').click(function(){
        $(".share-dream").attr(
        "src",
        "<?php echo $thisActAssetsRoot;?>img/shareBtnClick.png")
    })
//我可以这么写么
</code>
Salin selepas log masuk
Salin selepas log masuk

引入js文件怎么可能执行PHP代码
我一般做法是在那个引入JS文件的模板HTML里放隐藏域,比如

<code><input type="hidden" id="thisActAssetsRoot" value="&lt;?php echo $thisActAssetsRoot;?&gt;">
</code>
Salin selepas log masuk

然后js文件里面通过获取这隐藏域的值实现动态

<code>$('.share-dream').click(function(){
        $(".share-dream").attr(
        "src",$('#thisActAssetsRoot').val()+"img/shareBtnClick.png")
    })
</code>
Salin selepas log masuk

那么问题来了,谁说 JS 里面不可以写 PHP 的?

<code>function assest(url) { return "<?php echo $thisActAssetsRoot; ?>"+url; }
console.log( assest("img/grades.png") );
</code>
Salin selepas log masuk

这个一般需要后端在js中进行配置(后端模板)。
比如:

<code>javascript</code><code>var ACTION_SET = {
   host:''
}
</code>
Salin selepas log masuk

然后前端调用即可。

js里想写php要把js直接写在php页面里

一般的话,如果是公共数据,配置在公共模板中

<code>javascript</code><code><script>
    var cVar = {
        "SITE_URL": "<?php ?>",
        "IMG_DOMAIN": "<?php ?>"
    };
</script>
</code>
Salin selepas log masuk
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Tag artikel panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian Dec 24, 2024 pm 04:42 PM

Panduan Pemasangan dan Naik Taraf PHP 8.4 untuk Ubuntu dan Debian

Tarikh dan Masa CakePHP Tarikh dan Masa CakePHP Sep 10, 2024 pm 05:27 PM

Tarikh dan Masa CakePHP

Muat naik Fail CakePHP Muat naik Fail CakePHP Sep 10, 2024 pm 05:27 PM

Muat naik Fail CakePHP

Konfigurasi Projek CakePHP Konfigurasi Projek CakePHP Sep 10, 2024 pm 05:25 PM

Konfigurasi Projek CakePHP

Penghalaan CakePHP Penghalaan CakePHP Sep 10, 2024 pm 05:25 PM

Penghalaan CakePHP

Bincangkan CakePHP Bincangkan CakePHP Sep 10, 2024 pm 05:28 PM

Bincangkan CakePHP

Panduan Ringkas CakePHP Panduan Ringkas CakePHP Sep 10, 2024 pm 05:27 PM

Panduan Ringkas CakePHP

Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP Dec 20, 2024 am 11:31 AM

Cara Menyediakan Kod Visual Studio (Kod VS) untuk Pembangunan PHP

See all articles