红穆笔记
首頁 語言筆記 php中,如何將變量傳遞到js文件裏去?(js文件裏面的代碼如何獲取外面的變量?)
語言筆記 PHP JavaScript

php中,如何將變量傳遞到js文件裏去?(js文件裏面的代碼如何獲取外面的變量?)

php中,如何将变量传递到js文件里去?(js文件里面的代码如何获取外面的变量?)

如果要將 PHP 中的變量傳遞到 JavaScript 文件中,你有幾種選擇:

內聯 JavaScript:

可以在 HTML 文件中直接在 JavaScript 代碼中使用 PHP 變量,就像你在示例代碼中所做的那樣。這樣可以讓 PHP 生成 JavaScript 代碼時包含 PHP 變量的值。但是這種方法會將 PHP 代碼和 JavaScript 代碼耦合在一起,可能不夠清晰和易於維護。

var videoMd5 = '<?= $videoMd5 ?>';

使用全局變量:

你可以將 PHP 變量賦值給 JavaScript 的全局變量,在 JavaScript 文件中直接使用這個全局變量。這種方法需要在 HTML 文件中先定義這個全局變量,並確保 JavaScript 文件在使用之前已經加載了。

在 HTML 文件中:

<script>
    var videoMd5 = '<?= $videoMd5 ?>';
</script>
<script src="/path/to/video_player.js"></script>

在 JavaScript 文件中:

document.addEventListener('DOMContentLoaded', function() {
    var player = videojs('my-video');
    
    // 使用全局變量 videoMd5
    var progress = localStorage.getItem('video_progress_' + videoMd5);
    if (progress) {
        player.currentTime(progress);
    }
    
    player.on('timeupdate', function() {
        localStorage.setItem('video_progress_' + videoMd5, player.currentTime());
    });
});

通過 HTML 屬性傳遞:

你可以在 HTML 標籤中使用自定義屬性將 PHP 變量的值傳遞給 JavaScript。例如,在 <script> 標籤中的 data-* 屬性中設置 PHP 變量的值,然後在 JavaScript 文件中通過 getAttribute() 方法獲取這個值。

在 HTML 文件中:

<script src="/path/to/video_player.js" data-videomd5="<?= $videoMd5 ?>"></script>

在 JavaScript 文件中:

document.addEventListener('DOMContentLoaded', function() {
    var player = videojs('my-video');
    
    // 從 data-videomd5 屬性獲取 videoMd5 的值
    var videoMd5 = document.currentScript.getAttribute('data-videomd5');
    
    var progress = localStorage.getItem('video_progress_' + videoMd5);
    if (progress) {
        player.currentTime(progress);
    }
    
    player.on('timeupdate', function() {
        localStorage.setItem('video_progress_' + videoMd5, player.currentTime());
    });
});

這三種方法各有優缺點,你可以根據具體情況選擇最適合的方式。

微信赞赏

微信

支付宝赞赏

支付寶

✍️ 作者: 紅穆

網站管理員 · 感謝閱讀,更多精彩內容敬請關注

作者主頁 查看主頁 →

相關文章

PHP ob函数记录

PHP ob函數記錄 語言筆記 PHP

下面3個函數的用法 ob_get_contents(); ob_end_clean(); ob_start(); 可以藉助這幾個函數實現緩衝本地文件,以及執行本地腳本代碼。 使用ob_start()把輸出的代碼存到緩衝區,頁面不會顯示出來; 然後用ob_get_contents得到緩衝區的數據。 o…
👁 140
PHP preg

PHP preg 語言筆記 PHP

preg_match_all 函數用於執行一個全局正則表達式匹配。preg_match_all() 語法int preg_match_all ( string $pattern , string $subject [, array &amp;$matches [, int $flags = PREG…
👁 169
PHP 三元运算符与if的详解

PHP 三元運算符與if的詳解 語言筆記 PHP

三元運算符語條件 ? 結果1 : 結果2 說明:問號前面的位置是判斷的條件,如果滿足條件時結果1,不滿足時結果2。本文對三元運算符和if...else...進行對比詳解,希望對大家有所幫助。今天在改論文在線的時候遇到了一個語句看不懂:$if_summary = $row['IF_SUMMARY']=…
👁 187
PHP强制转换类型

PHP強制轉換類型 語言筆記 PHP PHP採集 PHP與mysql

獲取數據類型1.如果想查看某個表達式的值和類型,用var_dump()。 2.如果只是想得到一個易讀懂的類型的表達方式用於調試,用 gettype()。3.要查看某個類型,不要用 gettype(),而用is_type() 函數。字符串轉換爲數值當一個字符串被當作數字來求值時,根據以下規則來決定結果…
👁 231

推薦閱讀

可视化品牌创新设计网站模板 0044

可視化品牌創新設計網站模板 0044 實用收藏 易優模板

此套eyoucms模板爲可視化品牌創新設計網站,設計風格創意視覺,能夠很好地展示品牌設計作品、創新案例及設計理念。有助於品牌設計公司在線上展示專業實力,吸引企業客戶。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常見問題總結易優CMS(…
👁 49
工程机械推土挖掘机类网站模板 0669

工程機械推土挖掘機類網站模板 0669 實用收藏 易優模板

此套eyoucms模板適用於工程機械、推土與挖掘機行業,設計風格黃色專業,能夠展示推土機挖掘機產品、工程機械設備、技術參數及施工案例。有助於工程機械企業在線上展示產品,吸引基建與礦山客戶。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常…
👁 26
(PC+WAP)pbootcms营销型户外岗亭网站模板 青色户外广告牌网站源码下载 0011

(PC+WAP)pbootcms營銷型戶外崗亭網站模板 青色戶外廣告牌網站源碼下載 0011 實用收藏 pbootcms模板

這是一款營銷型戶外崗亭與廣告牌企業的PbootCMS網站模板,採用青色風格,支持PC端與移動端。模板設計偏重營銷轉化,通過清晰的產品分類、案例展示和在線溝通引導,能夠有效幫助戶外設施製造或廣告公司提升獲客能力,是搭建企業營銷型官網的理想選擇。模板展示 安裝說明 網站後臺:/admin.php 賬號:…
👁 45
(自适应手机端)行业协会工会类网站pbootcms模板 机构单位网站源码下载 0617

(自適應手機端)行業協會工會類網站pbootcms模板 機構單位網站源碼下載 0617 實用收藏 pbootcms模板

一款行業協會與工會政府機構PbootCMS網站模板,支持PC與WAP端。設計風格專業穩重,適合行業協會、商會、工會等組織展示職能與活動。有助於公共組織在線上建立官方信息發佈平臺。模板展示 安裝說明 網站後臺:/admin.php 賬號:admin 密碼:admin 解壓密碼:www.4s5.cn相關…
👁 68
可视化网站网络设计公司网站模板 0045

可視化網站網絡設計公司網站模板 0045 實用收藏 易優模板

一款針對可視化網站與網絡設計公司的eyoucms網站模板。設計風格現代創意,能夠展示網站設計作品、網絡營銷案例及服務內容。有助於網絡設計公司在線上吸引有建站需求的企業客戶。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常見問題總結易優C…
👁 70
响应式重型设备配件网站模板 0670

響應式重型設備配件網站模板 0670 實用收藏 易優模板

一款針對重型設備與配件行業的eyoucms響應式網站模板。設計風格專業工業,能夠展示重型設備產品、配件系列、技術參數及工業應用。有助於重型設備企業在線上展示產品,吸引工業客戶。模板展示 安裝說明 網站後臺:/login.php 賬號:admin 密碼:admin 相關文章易優CMS安裝常見問題總結易…
👁 38